Hexo博客之优雅使用阿里iconfont图标

前言

为什么写这篇文章？

Font Awesome 无论是 v4 还是 v5 图标都有一些局限性。因此不少小伙伴想到了使用阿里 iconfont 图标。然而很多小伙伴并不是前端这个专业，可能对使用图标存在一定的问题。

因此创作这篇水文，帮助小伙伴解决无法引入阿里 iconfont 图标的问题。

什么人能够使用？

理论上来说任何主题任何驱动都可以。只要你的网页还是 HTML+CSS。

引入并不是什么难事，这篇文章只是给小白看的，有相关经验或者大佬可以直接关掉这篇水文了。

引入前的准备

能够登录阿里iconfont

认识汉字及部分单词（content、class等）

具备一定的前端知识：了解什么是标签

具备一定的前端知识：能够使用开发者工具

具备一定的前端知识：能够找到相应的标签

具备一定的前端知识：明白css的语法

其他说明

此教程理论上可以在任意主题（需自己具备一定的能力）使用，此主题只以 butterfly（版本：2.3.5）主题为例。

建立项目

进入阿里 iconfont寻找你想要添加的图标，并且添加到项目。

1. 找到你想添加的图标（如果你不会找，可以直接关掉此文了。）

   将你想要添加的图标点击“添加入库”按钮，也就是图中圈起来的图标。

   

2. 添加至项目