登录

网址:iconfont-阿里巴巴矢量图标库

搜索图标

在搜索框输入图标名称

image-20220322002436582

添加入库

将鼠标移到要使用的图标上

image-20220322002618238

添加到项目

打开项目选项,准备添加到项目

image-20220322002730835

添加到指定项目

image-20220322003043564

生成Font class

生成Font class用于引入图标

image-20220322003442415

复制链接和图标

复制引入图标的链接以及图标名称

image-20220322003649511

修改配置文件

修改Butterfly主题的配置文件_config.yml不是主配置文件,主题配置文件在\themes\butterfly

引入

找到Inject配置,在head处引入

image-20220322004010270

使用

使用格式为:iconfont 上面复制的图标名称

image-20220322004105492