hexo|inco图标的引入

概述

font_awesome 的 icon 图标名前缀总共有六种，分别为 fa，fas，fab，fad，far 和 fal，下面来一一介绍。

前缀 fa

对于所有 font awesome v5 版本以前的图标，icon 图标的前缀都是 fa。例如教程中的网页截图的原网页 (点击跳转)，这个网页就是 font awesome 的 v4 版本网页，因此里面提供的 icon 都是拥有 fa 前缀的，但是由于 hexo 的 butterfly 主题目前配置的是最新的 font awesome v5，而 fa 这个前缀在 v5 版本及其以后版本都将会被弃用，因此在 butterfly 主题中使用 fa 前缀的 icon 是没法显示的。

前缀 fas

fas 中的 s 意味着 solid (实心的，加粗的) 的意思，图标的深灰色彩占据了图标设计的大部分。与其他样式相比，实心图标是最显眼、最醒目、最容易辨认的。

前缀 fab

fab 中的 b 意味着 brand (商标) 的意思，因此 fas 前缀的 icon 图标都是一些品牌图标，例如 github 图标，csdn 图标，google 图标，facebook 图标等。

前缀 fad

fad 中的 d 意味着 doutone (双色的) 的意思，在 fad 为前缀的 icon 中，都是由两种颜色 (基本上是深灰和浅灰) 设计而来的。

前缀 far

far 中的 r 是 regular (常规的) 的意思，由于常规的 icon 图标都是使用矢量笔画设计的，这些图标表现出来的特点就是线条感比较简洁精细，图标呈现空心的效果，这与 fas 的 solid 恰恰是相反的。

前缀 fal

fal 中的 l 是 light (轻的) 的意思，这个轻是相较于 far 的 regular 和 fas 的 solid 而言的，可以如下理解: fas 是线条加粗，far 是线条常规粗细，fal 则是线条最为纤细。

获取图标编号

如何快速获取 icon 的编号以及其前缀
看了前面这么多前缀的介绍，读者可能感觉不是很好记忆。实际上，这一部分内容也是不用记忆的，纯粹理解一下就可以，这是因为 font awesome V5-V6 （Find Icons with the Perfect Look & Feel | Font Awesome）也有自己独立的网站 。在主页，点击导航栏的搜索图标，在随后的页面中输入自己想要的图标名

第五版与第六版的区别

细心的读者可能会疑惑为啥这里是 fa-solid？实际上这是因为 fas 是第五版的写法，fa-solid 则是第六版的写法，读者需要根据自己主题使用的是 font awesome v5 还是 v6 自行选择使用对应的前缀。以下将会整理第五版与第六版的前缀的对应关系。

Version 5	Version 6
fas	fa-solid
fab	fa-brands
fad	fa-duotone
dal	fa-light
dar	fa-regular