魔改butterfly主题:hexo
美化危险,小心美化
本页面提供的美化均来自互联网,如有任何版权纠纷,联系博主修改删除
如有修改不懂的地方可以联系博主
页脚养鱼
暂时无法适配pjax,所以关闭pjax效果更佳
所用的js和css均用jsdelivr加速
在butterfly.yml中,在bottom下加入
1 | - <script src="https://cdn.jsdelivr.net/gh/xiaoheiyo/repot@latest/hexo/js/fishes.js"></script> |
在head下,加入
1 | <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/xiaoheiyo/repot@latest/hexo/css/fish.css"> #因为加入养鱼js会导致宽度问题,所以加入css进行修改 |
代码如下
1 | /* 鱼塘固定宽度 */ |
可以修改一下页脚阴影度,根据自己感觉适当修改 这里用的是0.1
1 | background-color: alpha($dark-black, .1) |
所用仓库:repot
效果图:
底栏加上运行时间
在主题\layout\includes下 在footer.pug中加上如下代码
1 | #running-time |
注意对齐格式,#与if对齐
更换鼠标样式
在主题\source\css\index.style 下
加上如下代码
1 | /**普通指针样式**/ |
可以自己换自己的链接,这里提供的图标很大
手机状态下隐藏侧边栏多余显示
在\source\css\ _third-party下
normalize.min.css加入如下脚本
1 | /*移动端优化:去除归档、标签、最新文章、公告、、只保留网站统计*/ |
- 如果文章内容有误,欢迎联系指正。感谢!
- 本文标题:魔改butterfly主题:hexo
- 本文作者:heiu
- 创建时间:2021-03-30 09:50:00
- 本文链接:https://www.heiu.top/posts/e191164a.html
- 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
评论