安装：
npm install hexo-butterfly-tag-plugins-plus --save
|
行内文本样式
带 {% u 下划线 %} 的文本
带 {% emp 着重号 %} 的文本
带 {% wavy 波浪线 %} 的文本
带 {% del 删除线 %} 的文本
键盘样式的文本：{% kbd Ctrl %} + {% kbd D %}
密码样式的文本：{% psw 这里没有验证码 %}
|
带 下划线 的文本
带 着重号 的文本
带 波浪线 的文本
带 删除线 的文本
键盘样式的文本：Ctrl + D
密码样式的文本：这里没有验证码
行内文本 span
{% span 样式参数(参数以空格划分), 文本内容 %}
|
可选参数：
- 字体:
logo、 code
- 颜色:
red、yellow、green、cyan、blue、gray
- 大小:
small、h4、 h3、h2、h1、large、huge、ultra
- 对齐方向:
left、center、right
实例：
- 彩色文字：红色、黄色、绿色、青色、蓝色、灰色。
- 超大号文字
old-driver-zeroの小屋
欢迎来到 old-driver-zeroの小屋
段落文本 p
和 span 使用方法一样，但是另起一行
引用 note
语法格式：
# 自带icon
{% note [class] [no-icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}
# 外部icon
{% note [color] [icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}
|
flat 样式的源码：
{% note flat %}默认 提示块标签{% endnote %}
{% note default flat %}default 提示块标签{% endnote %}
{% note primary flat %}primary 提示块标签{% endnote %}
{% note success flat %}success 提示块标签{% endnote %}
{% note info flat %}info 提示块标签{% endnote %}
{% note warning flat %}warning 提示块标签{% endnote %}
{% note danger flat %}danger 提示块标签{% endnote %}
|
效果如下：
上标标签和动态标签 tip
语法格式：
{% tip [参数，可选] %}文本内容{% endtip %}
|
示例源码：
```Markdown
<!-- 上标标签 -->
{% tip %}default{% endtip %}
{% tip info %}info{% endtip %}
{% tip success %}success{% endtip %}
{% tip error %}error{% endtip %}
{% tip bolt %}bolt{% endtip %}
{% tip home %}home{% endtip %}
<!-- 动态标签 -->
{% tip warning faa-horizontal animated %}warning{% endtip %}
{% tip ban faa-flash animated %}ban{% endtip %}
<!-- 调整速度 -->
{% tip key faa-horizontal animated faa-fast %}key{% endtip %}
{% tip bell faa-flash animated faa-slow %}bell{% endtip %}
<!-- On hover（当鼠标悬停时显示动画） -->
{% tip sync faa-horizontal animated-hover %}sync{% endtip %}
{% tip cogs faa-flash animated-hover %}cogs{% endtip %}
|
效果如下：
复选列表 checkbox
标签语法：
{% checkbox 样式参数（可选）, 文本（支持简单md） %}
|
示例源码：
{% checkbox 纯文本测试 %}
{% checkbox cyan checked, 青色 + 默认选中 %}
{% checkbox blue checked, 蓝色 + 默认选中 %}
{% checkbox plus green checked, 增加 %}
{% checkbox minus yellow checked, 减少 %}
{% checkbox times red checked, 叉 %}
|
效果如下：
单选列表 radio
同上，但是 checkbox 改成 radio
效果如下：
时间轴 timeline
标签语法：
{% timeline 时间线标题（可选）[,color] %}
<!-- timeline 时间节点（标题） -->
正文内容
<!-- endtimeline -->
<!-- timeline 时间节点（标题） -->
正文内容
<!-- endtimeline -->
{% endtimeline %}
|
链接卡片 link
标签语法：
{% link 标题, 链接, 图片链接（可选） %}
|
示例源码：
{% link old-driver-zeroの小屋, https://old-driver-zero.github.io/, /illustration/favicon.ico %}
|
按钮 btns
标签语法：
{% btns 样式参数 %}
{% cell 标题, 链接, 图片或者图标 %}
{% cell 标题, 链接, 图片或者图标 %}
{% endbtns %}
|
示例源码：
{% btns circle center grid5 %}
{% cell 分类, /categories/, fas fa-folder-open %}
{% cell 标签, /tags/, fas fa-tags %}
{% endbtns %}
|
github 卡片 ghcard
标签语法：
{% ghcard 用户名, 其它参数（可选） %}
{% ghcard 用户名/仓库, 其它参数（可选） %}
|
示例源码：
{% ghcard old-driver-zero, theme=vue %}
{% ghcard jerryc127/hexo-theme-butterfly, theme=buefy %}
|
个人信息卡片：
仓库信息卡片：
github 徽标 ghbdage
标签语法：
{% bdage [right],[left],[logo]||[color],[link],[title]||[option] %}
|
示例源码：
{% bdage Theme,Butterfly %}
{% bdage Frame,Hexo,hexo %}
|
网站卡片 sites
标签语法：
{% sitegroup %}
{% site 标题, url=链接, screenshot=截图链接, avatar=头像链接（可选）, description=描述（可选） %}
{% endsitegroup %}
|
示例源码：
{% sitegroup %}
{% site old-driver-zeroの小屋, url=https://old-driver-zero.github.io, screenshot=/illustration/Butterfly 外挂标签/网站截图.webp, avatar=/illustration/头像_灰太狼.webp, description=这是我的博客 %}
{% endsitegroup %}
|
行内图片 inlineimage
标签语法：
{% inlineimage 图片链接, height=高度（可选） %}
|
示例源码：
这是博客网站图标{% inlineimage /illustration/favicon.ico, height=32px %}
|
这是博客网站图标
单张图片 image
标签语法：
{% image 链接, width=宽度（可选）, height=高度（可选）, alt=描述（可选）, bg=占位颜色（可选） %}
|
音频 audio 和视频 video
标签语法：
{% audio 音频链接 %}
{% video 视频链接 %}
|
相册 gallery
gallerygroup 相册图库
标签语法：
<div class="gallery-group-main">
{% galleryGroup name description link img-url %}
{% galleryGroup name description link img-url %}
</div>
|
参考二次元
gallery 相册
标签语法：
{% gallery %}
markdown 圖片格式
{% endgallery %}
|
区别于旧版的 Gallery 相册,新的 Gallery 相册会自动根据图片长度进行排版，书写也更加方便，与 markdown 格式一样。可根据需要插入到相应的 md。无需再自己配置长宽。建议在粘贴时故意使用长短、大小、横竖不一的图片，会有更好的效果。（尺寸完全相同的图片只会平铺输出，效果很糟糕）
参考封面
折叠框 folding
标签语法：
{% folding 参数（可选）, 标题 %}
内容
{% endfolding %}
|
标题
分栏 tab
{% tabs 唯一的名字, [index] %}
<!-- tab [Tab caption] [@icon] -->
内容
<!-- endtab -->
{% endtabs %}
|
进度条 progress
标签语法：
{% progress [width] [color] [text] %}
|
注释 notation
标签语法：
{% nota [label] , [text] %}
|
引用文献 reference
标签语法：
{% referto [id] , [literature] %}
{% referfrom [id] , [literature] , [url] %}
|
本篇博客参考自 Fomalhaut 的博客1 Markdown语法与外挂标签写法汇总参考资料
PDF 展示
标签语法：
隐藏块
标签语法：
{% hideBlock display,bg,color %}
内容
{% endhideBlock %}
|
示例源码：
{% hideBlock 点我,green %}
被你发现了
{% endhideBlock %}
|
