这是什么？
这是一个给 hexo-theme-butterfly 添加大量外挂标签的插件，但也可用于其他 Hexo 主题
该插件在其他 Hexo 主题下不保证能完全正常使用
本站所使用的 Hexo.Reimu 主题也仍有许多无法使用的标签
GitHub - Akilarlxh/hexo-butterfly-tag-plugins-plus
https://github.com/Akilarlxh/hexo-butterfly-tag-plugins-plus
安装
1
| npm install hexo-butterfly-tag-plugins-plus --save
|
打开站点配置文件 _config.yml 并添加如下内容
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
tag_plugins:
enable: true
priority: 5
issues: false
link:
placeholder: /img/link.png
CDN:
anima: https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/assets/font-awesome-animation.min.css
jquery: https://npm.elemecdn.com/jquery@latest/dist/jquery.min.js
issues: https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/assets/issues.js
iconfont: //at.alicdn.com/t/font_2032782_8d5kxvn09md.js
carousel: https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/assets/carousel-touch.js
tag_plugins_css: https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/tag_plugins.css
|
食用
文本样式
1
2
3
4
5
6
| - 带 {% u 下划线 %} 的文本
- 带 {% emp 着重号 %} 的文本
- 带 {% wavy 波浪线 %} 的文本
- 带 {% del 删除线 %} 的文本
- 键盘样式的文本 {% kbd Ctrl %} + {% kbd C %}
- 密码样式的文本：{% psw 密码 %}
|
- 带 下划线 的文本
- 带 着重号 的文本
- 带 波浪线 的文本
- 带
删除线 的文本
- 键盘样式的文本 Ctrl + C
- 密码样式的文本：密码
彩色文字
1
2
3
4
5
6
| - {% span red, 红色 %}
- {% span yellow, 黄色 %}
- {% span green, 绿色 %}
- {% span cyan, 青色 %}
- {% span blue, 蓝色 %}
- {% span gray, 灰色 %}
|
超大号文字
1
2
| {% span center logo large, 東方Project %}
{% span center small, TouHou Project %}
|
上标标签
1
2
3
4
5
6
7
8
9
10
11
12
| {% tip %}default{% endtip %}
{% tip info %}info{% endtip %}
{% tip success %}success{% endtip %}
{% tip error %}error{% endtip %}
{% tip warning %}warning{% endtip %}
{% tip bolt %}bolt{% endtip %}
{% tip ban %}ban{% endtip %}
{% tip home %}home{% endtip %}
{% tip sync %}sync{% endtip %}
{% tip cogs %}cogs{% endtip %}
{% tip key %}key{% endtip %}
{% tip bell %}bell{% endtip %}
|
动画标签
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| - 普通动画
{% tip warning faa-horizontal animated %}warning{% endtip %}
{% tip ban faa-flash animated %}ban{% endtip %}
- 动画调速
{% tip warning faa-horizontal animated faa-fast %}warning{% endtip %}
{% tip ban faa-flash animated faa-slow %}ban{% endtip %}
- 悬停动画
{% tip warning faa-horizontal animated-hover %}warning{% endtip %}
{% tip ban faa-flash animated-hover %}ban{% endtip %}
- 子类动画
{% tip warning faa-parent animated-hover %}<p class="faa-horizontal">warning</p>{% endtip %}
{% tip ban faa-parent animated-hover %}<p class="faa-flash">ban</p>{% endtip %}
|
复选列表
1
2
3
4
5
6
7
8
9
10
| {% checkbox 纯文本测试 %}
{% checkbox checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% checkbox red, 支持自定义颜色 %}
{% checkbox green checked, 绿色 + 默认选中 %}
{% checkbox yellow checked, 黄色 + 默认选中 %}
{% checkbox cyan checked, 青色 + 默认选中 %}
{% checkbox blue checked, 蓝色 + 默认选中 %}
{% checkbox plus green checked, 增加 %}
{% checkbox minus yellow checked, 减少 %}
{% checkbox times red checked, 叉 %}
|
图片按钮
1
2
3
4
5
6
| {% btns circle grid5 %}
{% cell 虎纹鲨鱼, https://tigsrk.cn, /avatar/avatar.jpg %}
{% cell 虎纹鲨鱼, https://tigsrk.cn, /avatar/avatar.jpg %}
{% cell 虎纹鲨鱼, https://tigsrk.cn, /avatar/avatar.jpg %}
{% cell 虎纹鲨鱼, https://tigsrk.cn, /avatar/avatar.jpg %}
{% endbtns %}
|
GitHub 徽章
基本参数
1
2
| {% bdage Theme, Butterfly %}
{% bdage Frame, Hexo, hexo %}
|
信息参数
定义徽标右侧内容背景色，指向链接
1
2
3
| {% bdage CDN,JsDelivr,jsDelivr||abcdef,https://metroui.org.ua/index.html,本站使用JsDelivr为静态资源提供CDN加速 %}
{% bdage Source,GitHub,GitHub||,https://github.com/ %}
|
拓展参数
支持 shields 的 API 的全部参数内容
1
2
3
| {% bdage Hosted,Vercel,Vercel||brightgreen,https://vercel.com/,本站采用双线部署，默认线路托管于Vercel||style=social&logoWidth=20 %}
{% bdage Hosted,Vercel,Vercel||||style=social&logoWidth=20&logoColor=violet %}
|
具体请参考
Add Github Badge | Akilarの糖果屋
https://akilar.top/posts/e87ad7f8
网站卡片
1
2
3
4
5
6
| {% sitegroup %}
{% site 虎纹鲨鱼の小站, url=/, screenshot=https://s21.ax1x.com/2024/11/24/pAhKSqf.md.png, avatar=/avatar/avatar.jpg, description=虎纹鲨鱼的技术小站 %}
{% site NaCl 技术分享, url=https://nacldragon.top/, screenshot=https://s21.ax1x.com/2024/10/22/pAdJ6Zq.md.png, avatar=https://nacldragon.top/img/my.jpg, description=NaCl.execute(); %}
{% site SHANGREN's Blog, url=https://www.zhoushangren.com/, screenshot=https://s21.ax1x.com/2024/10/22/pAdJsLn.md.png, avatar=https://www.zhoushangren.com/wp-content/uploads/2020/04/cropped-broken_cat-1.jpg, description=喵~ %}
{% site 瑾墨的博客, url=https://www.gaoqilan.tech/, screenshot=https://s21.ax1x.com/2024/10/22/pAdJgoV.md.png, avatar=/img/瑾墨.webp, description=有缘相见，感谢您的支持 %}
{% endsitegroup %}
|
行内图片
1
2
3
| 这是 {% inlineimage https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/0000.gif %} 一段话。
这又是 {% inlineimage https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/5150.gif, height=40px %} 一段话。
|
这是 
一段话。
这又是 
一段话。
音频
1
| {% audio /music/星空下的旋律.mp3 %}
|
曲名：星空下的旋律（《大地に咲く旋律》国语版）
演唱：AcAciaZizzo
编曲：Iceon
社团：幽閉サテライト
折叠框
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
| {% folding 查看图片测试 %}
{% endfolding %}
{% folding cyan open, 查看默认打开的折叠框 %}
这是一个默认打开的折叠框。
{% endfolding %}
{% folding green, 查看代码测试 %}
```python
print("Hello, World")
```
{% endfolding %}
{% folding yellow, 查看列表测试 %}
- Line A
- Line B
{% endfolding %}
{% folding red, 查看嵌套测试 %}
{% folding blue, 查看嵌套测试2 %}
{% folding 查看嵌套测试3 %}
hahaha
{% endfolding %}
{% endfolding %}
{% endfolding %}
|
查看图片测试
查看默认打开的折叠框
查看代码测试
查看列表测试
查看嵌套测试
诗词
1
2
3
4
5
6
7
8
9
10
11
12
13
| {% poem 贺新郎·读史,毛泽东 %}
人猿相揖别。
只几个石头磨过，小儿时节。
铜铁炉中翻火焰，为问何时猜得，不过（是）几千寒热。
人世难逢开口笑，上疆场彼此弯弓月。
流遍了，郊原血。
一篇读罢头飞雪，但记得斑斑点点，几行陈迹。
五帝三皇神圣事，骗了无涯过客。有多少风流人物？
盗跖庄蹻流誉后，更陈王奋起挥黄钺。
歌未竟，东方白
{% endpoem %}
|
贺新郎·读史
毛泽东
人猿相揖别。
只几个石头磨过，小儿时节。
铜铁炉中翻火焰，为问何时猜得，不过（是）几千寒热。
人世难逢开口笑，上疆场彼此弯弓月。
流遍了，郊原血。
一篇读罢头飞雪，但记得斑斑点点，几行陈迹。
五帝三皇神圣事，骗了无涯过客。有多少风流人物？
盗跖庄蹻流誉后，更陈王奋起挥黄钺。
歌未竟，东方白
进度条
1
2
3
4
5
6
| {% progress 10 red 进度条样式预览 %}
{% progress 30 yellow 进度条样式预览 %}
{% progress 50 green 进度条样式预览 %}
{% progress 70 cyan 进度条样式预览 %}
{% progress 90 blue 进度条样式预览 %}
{% progress 100 gray 进度条样式预览 %}
|
适配问题
使用 Hexo.Reimu 主题时，该插件的适配情况如下
感谢
Tag Plugins Plus | Akilarの糖果屋
https://akilar.top/posts/615e2dec/
虎纹鲨鱼
