Butterfly主题自定义
Butterfly主题是非常好的一款hexo主题,为了兼容之前handsome的一些排版,需要对其进行一定的自定义修改。
因为原作者是开源的,因此我对其做的相关修改也开源:https://github.com/MXWXZ/hexo-theme-butterfly
文章过期逻辑
主题提供了全局的文章过期开关,但是我们可能需要更加精细化的设置。例如有些文章即使过期了我们也不想它显示过期提示。为此我添加了一个 outdated
文章选项,只有在设置为true时才显示(如果你大部分需要开启可以默认值为true,设置为false关闭)。
修改文件:
资源本地化
如果所有资源都本地化不用cdn,可以注释掉 layout/includes/head/preconnect.pug 第一行
waline PV显示
如果用了waline做评论系统,可以同时用它的浏览量统计。可惜的是只在文章页面显示,在首页和侧边栏并没有支持显示,可以加上:
修改文件:
- layout/includes/mixins/post-ui.pug
- layout/includes/third-party/card-post-count/waline.pug
- layout/includes/widget/card_webinfo.pug
- layout/archive.pug
- layout/page.pug
注意由于默认情况下waline的代码只在文章页面被引入,因此要想在首页和侧边栏显示需要同时引入这些。这里我用的是官方提供的<1KB的 pageview.js
,同时为了避免被ADBlock根据pageview关键词屏蔽,我改了个名叫 waline_pv.js
。
头图显示
这个主题头图的逻辑比较难搞,可能是基于所有文章都有头图来弄的,可以根据需要修改。
归档页面头图
如果不想归档页面显示头图看上去太占空间,可以注释掉 layout/includes/mixins/article-sort.pug
首页头图
首页如果没有头图会显示随机图片,如果不想要可以去掉。
修改文件:
风格修改
上一篇和下一篇的图太大了,可以改小一点:source/css/_layout/pagination.styl
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Matrix!
评论