lanbos'blog

hexo装饰(三)

light主题文章前小标题替换

light在主页列表页和详情页的文章标题前有一个paper的小icon:

这个icon是FontAwesome图标字体,可以在FontAwesome图标字体官网上找一个喜欢的icon,点开记住它的Unicode。

打开/themes/light/source/css/_partial/article.styl文件对下面代码进行替换:

1
2
3
4
&.post
.icon
&:before
content '\f016' /* 替换成之前记住的Unicode*/

这个方法适用于其他地方的小icon更改,官网的icon字体更新了不少,你可以在ejs文件模板中找到对应的字体引入链接,改成最新的,甚至可以找到别的图标字体进行替换。值得一提的是引入过多的字体会影响网页的加载速度,若是对icon有要求甚至可以采用自己切图制作,这里就不在赘述。