Skip to content

使用阿里云iconfont

发表于
更新于
阅读量
  • 添加图标入库,并添加至项目

image-20230415171042689

  • 修改项目参数,设置彩色

image-20230415171323832

  • 获取图标的css代码,这里博客是自己用,使用cdn也行。

image-20230415171359864

image-20230225142019529

  • 复制路径,在浏览器打开,把里面的css复制到本地,放到主题文件下的css文件夹/themes/butterfly/source/css,然后通过主题文件夹下(注意不是根目录)的_config.yml文件引入(全局检索inject)

image-20230225142809364

  • 这个在主题下的配置文件_config.yml最上面的部分就能够修改,修改方式就是覆盖以前的fa图标,换成iconfont+图标名,图标名字在iconfont官网的后台可以获取

image-20230225143138606

  • 效果

image-20230225143347224

Released under the MIT License.