hexo的butterfly主题使用iconfont图标

登录

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

搜索图标

在搜索框输入图标名称

hexo的butterfly主题使用iconfont图标_第1张图片

添加入库

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

hexo的butterfly主题使用iconfont图标_第2张图片

添加到项目

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

hexo的butterfly主题使用iconfont图标_第3张图片

添加到指定项目

hexo的butterfly主题使用iconfont图标_第4张图片

生成Font class

生成Font class用于引入图标

hexo的butterfly主题使用iconfont图标_第5张图片

复制链接和图标

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

hexo的butterfly主题使用iconfont图标_第6张图片

修改配置文件

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

引入

找到Inject配置,在head处引入

hexo的butterfly主题使用iconfont图标_第7张图片

使用

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

hexo的butterfly主题使用iconfont图标_第8张图片

你可能感兴趣的:(hexo)