刚刚给博客底部的fontawesome的图标更换成阿里iconfont图标,butterfly主题在4.5的时候,在更改对应的图标时候会同步更改,新版把他们分开了,这期教一下怎么改

1

1

使用方法

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中搜索跳转就能改
1