hexo的butterfly主题使用iconfont图标

登录
网址:iconfont-阿里巴巴矢量图标库
搜索图标
在搜索框输入图标名称
hexo的butterfly主题使用iconfont图标
文章图片

添加入库
将鼠标移到要使用的图标上
【hexo的butterfly主题使用iconfont图标】hexo的butterfly主题使用iconfont图标
文章图片

添加到项目
打开项目选项,准备添加到项目
hexo的butterfly主题使用iconfont图标
文章图片

添加到指定项目
hexo的butterfly主题使用iconfont图标
文章图片

生成Font class
生成Font class用于引入图标
hexo的butterfly主题使用iconfont图标
文章图片

复制链接和图标
复制引入图标的链接以及图标名称
hexo的butterfly主题使用iconfont图标
文章图片

修改配置文件
修改butterfly主题的配置文件_config.yml不是主配置文件,主题配置文件在\themes\butterfly
引入 找到Inject配置,在head处引入
hexo的butterfly主题使用iconfont图标
文章图片

使用 使用格式为:iconfont 上面复制的图标名称
hexo的butterfly主题使用iconfont图标
文章图片

    推荐阅读