自定义 widget

创建 widget.yml

在Hexo博客目录中的（如果没有_data 文件夹，请自行创建），创建一个文件 source/ _data / widget.yml

格式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
top:
  - class_name:
    id_name:
    name:
    icon:
    html:

bottom:
  - class_name:
    id_name:
    name:
    icon:
    order:
    html:

top： 创建的 widget 会出现在非 sticky 区域（即所有页面都会显示）

bottom： 创建的 widget 会出现在 sticky 区域（除了文章页都会显示）

参数 解释

1
2
3
4
5
6
7
class_name	所创建的 widget 父类 class 名 （可选）
id_name	所创建的 widget 父类 id 名（可选）
name	所创建的 widget 标题（会显示出来的）
icon	所创建的 widget 图标 
order	创建的 widget 排序 （可选）
.html	所创建的 widget 相关代码

这里的icon
应该是Font Awesome这里面已经有的图标。找到合适的图标，复制代码在上面||后直接时候即可。注意不要删掉原有的fa或者fab。

如：
找到一个小图标
叫fa-desktop
在使用时需要变为fas fa-desktop