butterfly重建日记

写下这篇文章的时候博客大部分已经配置好了，一些比较大的改动会单独记录，这里主要记录一些细枝末节的改动和美化，防止后续修改忘记。

重建过程

  • 文章顶部遮盖透明度themes\butterfly\source\css\_layout\head.styl中#post-top-cover {filter: blur(2px) brightness(60%);}元素
  • 感觉分类栏设置后下方有一个滚动条，没啥用且影响美观。

只需在自定义的css中添加

1
2
3
div#catalog-list {
    overflow: hidden;
}

即可。（如无效果，可f12查找具体元素名称，添加overflow: hidden;属性即刻）

  • 总字数.阅读时间样式：themes\butterfly\layout\includes\header\post-info.pug中.meta-secondline项
1
2
3
4
span.post-meta-label(title="文章字数")= _p('post.wordcount') + ':'
span.word-count(title="文章字数")= wordcount(page.content)
span.post-meta-label(title="阅读时长")= _p('post.min2read') + ':'
span= min2read(page.content, {cn: 350, en: 160})