图标

引入 iconfont 图标

通过font-class方式引入阿里图标，默认无色，后台可开启彩色图标，单一项目内彩色图标个数上限40个

1. 拷贝项目下面生成的`font-class 代码，如：

//at.alicdn.com/t/font_3348844_6k3vcwzq4su.css

2. 修改主题配置文件

inject:
  head: # 挂载css
    # - <link rel="stylesheet" href="/xxx.css">
    - <link rel="stylesheet" href="//at.alicdn.com/t/font_3348844_6k3vcwzq4su.css">
  bottom: # 挂载js
    # - <script src="xxxx"></script>

3. 使用

iconfont icon-xxx

动态图标

来自开源项目 l-lin/font-awesome-animation，能让 DOM 的任何元素动起来，主要用于图标，但不止图标

配置： 在主题配置文件的inject配置项添加引入font-awesome-animation.min.css即可，也可下载到本地

inject:
  head:
    - <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/font-awesome-animation@0.2.1/dist/font-awesome-animation.min.css">
  bottom:
    # - <script src="xxxx"></script>

使用： 以主题默认的 fontawesome 图标为例

对于导航栏、社交卡片的图标可以直接使用，如：

menu:
  主页: / || fas fa-home faa-wrench animated

HTML用法：

<i class="fas fa-home faa-wrench animated"></i>

<span class="fas fa-home faa-wrench animated">首页</span>

<span><i class="fas fa-home faa-wrench animated"></i>首页</span>