给博客大部分图标更换成iconfont【hexo-butterfly】
刚刚给博客底部的fontawesome的图标更换成阿里iconfont图标,butterfly主题在4.5的时候,在更改对应的图标时候会同步更改,新版把他们分开了,这期教一下怎么改
使用方法
butterfly默认的图标写法是这样:i.fas.fa-history
这样会疑惑,这要怎么改图标?
其实这只是fontawesome的写法而已,阿里iconfont不是也有自己的写法吗,在正确引入阿里图标之后,我们就可以使用它的写法:i.iconfont.icon-gengxin
将i.fas.fa-history整个替换为i.iconfont.icon-gengxin后,fontawesome的更新图标就会换成iconfont了,其中的icon-gengxin可以更换成自己的
修改
那么如何修改呢?
很简单,文章上面的图标都在themes\butterfly\layout\includes\mixins\indexPostUI.pug里面,可以自行更改。
若是想要更改别的,可以使用F12的控制台,快捷键为Ctrl+shift+c,鼠标放在上面就知道叫啥名字了。后续在VSCode中搜索跳转就能改
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 mccsjs!
评论



