传送门:
Github hexo-theme-ocean
Ocean 中文文档
关于 Ocean 使用中的问题
主页视频前置蒙版不透明度
themes/ocean/source/css/_partial/ocean.styl
中
.video-overlay
background-color rgba(178, 191, 204, .6)
→ background-color rgba(178, 191, 204, .3)
相册功能
1 2 3 4 5 6
| albums: [ ["1", "https://cdn.jsdelivr.net/gh/honjun/cdn@1.4/img/banner/about.jpg"], # 线上链接 ["2", "gallery/00.jpg"], # 本地路径 ["3", "gallery/01.jpg"], ["4", "gallery/02.jpg"], ]
|
鼠标样式
于themes/ocean/source/css/style.styl
开头 添加
1 2 3 4 5 6 7 8
| body cursor url(https://cdn.jsdelivr.net/gh/snorlaxse/jsDeliver/theme/cursor/ComixCursors-White/Comix_White_Pointer.cur),default
a &:hover cursor url(https://cdn.jsdelivr.net/gh/snorlaxse/jsDeliver/theme/cursor/ComixCursors-White/Comix_White_Link.cur),pointer
|
cdn
使用jsDeliver+github搭建免费的cdn
免费CDN:jsDeliver+Github 使用方法
1
| 
|
侧边栏自动隐藏
于themes\ocean\source\css_partial\layou.styl
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| // Media Query @media (min-width: 768px) .jumbotron margin-bottom 6rem
.content margin-right aside-width
.sidebar right 0 background-color white
.navbar-toggle display none
|
删除相关控制样式的css, 最终修改为:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| // Media Query @media (min-width: 768px) // .jumbotron // margin-bottom 6rem
// .content // margin-right aside-width
.sidebar // right 0 background-color white
// .navbar-toggle // display none
|
PS:可于themes/ocean/source/css/_variables.styl
调整侧边栏宽度 aside-width
部署自定义静态HTML
将相应项目文件夹 放置于 source
下
于_config.yml
中修改:
1 2 3
| # 跳过文件夹下所有子文件夹和文件 skip_render: - "文件夹名/** # ex. "- demo/**/*"
|
b站外链
安装插件
1
| npm install hexo-tag-bili --save
|
在md文件中编辑:
1 2 3 4 5 6 7 8 9 10 11 12
| <div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;"> <iframe src="//player.bilibili.com/player.html?aid=43224979&bvid=BV1ob411S7gM&cid=75780544&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%;height: 100%; left: 0; top: 0;"> </iframe> </div>
|