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})