标签外挂是 Hexo 独有功能，不是标准 Markdown，只在 Butterfly 主题生效。

Note 提示块

基本用法

1
2
3
{% note [颜色] [图标] [样式] %}
内容
{% endnote %}

三种样式对比

经典风格，左侧色块。

1
2
3
4
5
6
{% note simple %}默认提示{% endnote %}
{% note primary simple %}主要提示{% endnote %}
{% note success simple %}成功提示{% endnote %}
{% note info simple %}信息提示{% endnote %}
{% note warning simple %}警告提示{% endnote %}
{% note danger simple %}危险提示{% endnote %}

圆角卡片风格。

1
2
3
{% note modern %}默认提示{% endnote %}
{% note success modern %}成功提示{% endnote %}
{% note warning modern %}警告提示{% endnote %}

扁平背景风格。

1
2
3
{% note flat %}默认提示{% endnote %}
{% note success flat %}成功提示{% endnote %}
{% note warning flat %}警告提示{% endnote %}

自定义图标

1
2
3
{% note blue 'fas fa-bullhorn' %}📢 通知内容{% endnote %}
{% note pink 'fas fa-car-crash' %}⚠️ 小心安全{% endnote %}
{% note green 'fab fa-github' %}GitHub 仓库{% endnote %}

可选颜色：default / blue / pink / red / purple / orange / green

图标用 FontAwesome 类名。

Tabs 标签切换

1
2
3
4
5
6
7
8
9
{% tabs 唯一名称, 默认激活序号 %}
<!-- tab 选项1 -->
内容1
<!-- endtab -->

<!-- tab 选项2 -->
内容2
<!-- endtab -->
{% endtabs %}

名称不能重复，每篇文章里只能用一次同名 tabs。

相册组

1
2
3
4
<div class="gallery-group-main">
{% galleryGroup 名称 描述 链接 封面图 %}
{% galleryGroup 名称 描述 链接 封面图 %}
</div>

单相册

1
2
3
4
{% gallery %}
![图1](/img/1.jpg)
![图2](/img/2.jpg)
{% endgallery %}

按钮

1
{% btn https://github.com, 访问 GitHub, fab fa-github %}
参数 说明
链接 跳转地址
文本 按钮文字
图标 FontAwesome 图标类名

复选框

1
2
{% check 完成的任务 %}
{% check 未完成的任务 %}

文字样式

1
2
3
4
5
6
{% bold 加粗文字 %}
{% underline 下划线文字 %}
{% delete 删除线文字 %}
{% sup 上标 %}
{% sub 下标 %}
{% inlinebug 标签 %}

行内代码高亮

1
{% kb Ctrl %} + {% kb C %}

显示为 Ctrl + C 键盘按键样式。

常用速查表

标签 用途
{% note %} 提示块
{% tabs %} 标签切换
{% gallery %} 相册
{% btn %} 按钮
{% check %} 复选框
{% checkbox %} 勾选框
{% timeline %} 时间线
{% button %} 下载按钮