Butterfly主题是非常好的一款hexo主题,为了兼容之前handsome的一些排版,需要对其进行一定的自定义修改。

因为原作者是开源的,因此我对其做的相关修改也开源:https://github.com/MXWXZ/hexo-theme-butterfly

文章过期逻辑

主题提供了全局的文章过期开关,但是我们可能需要更加精细化的设置。例如有些文章即使过期了我们也不想它显示过期提示。为此我添加了一个 outdated 文章选项,只有在设置为true时才显示(如果你大部分需要开启可以默认值为true,设置为false关闭)。

修改文件:

资源本地化

如果所有资源都本地化不用cdn,可以注释掉 layout/includes/head/preconnect.pug 第一行

waline PV显示

如果用了waline做评论系统,可以同时用它的浏览量统计。可惜的是只在文章页面显示,在首页和侧边栏并没有支持显示,可以加上:

修改文件:

注意由于默认情况下waline的代码只在文章页面被引入,因此要想在首页和侧边栏显示需要同时引入这些。这里我用的是官方提供的<1KB的 pageview.js,同时为了避免被ADBlock根据pageview关键词屏蔽,我改了个名叫 waline_pv.js

头图显示

这个主题头图的逻辑比较难搞,可能是基于所有文章都有头图来弄的,可以根据需要修改。

归档页面头图

如果不想归档页面显示头图看上去太占空间,可以注释掉 layout/includes/mixins/article-sort.pug

首页头图

首页如果没有头图会显示随机图片,如果不想要可以去掉。
修改文件:

风格修改

上一篇和下一篇的图太大了,可以改小一点:source/css/_layout/pagination.styl