添加外挂标签

npm插件安装

安装插件，在根目录下运行npm install hexo-butterfly-tag-plugins-plus --save
考虑到 hexo 自带的 markdown 渲染插件 hexo-renderer-marked 与外挂标签语法的兼容性较差，将其替换成 hexo-renderer-kramed
npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-kramed --save

在主题配置文件中添加：

# tag-plugins-plus
# see https://akilar.top/posts/615e2dec/
tag_plugins:
  enable: true # 开关
  priority: 5 #过滤器优先权
  issues: false #issues标签依赖注入开关
  link:
    placeholder: /img/link.png #link_card标签默认的图标图片
  CDN:
    anima: https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/assets/font-awesome-animation.min.css #动画标签anima的依赖
    jquery: https://npm.elemecdn.com/jquery@latest/dist/jquery.min.js #issues标签依赖
    issues: https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus@latest/lib/assets/issues.js #issues标签依赖
    iconfont: //at.alicdn.com/t/font_2032782_8d5kxvn09md.js #参看https://akilar.top/posts/d2ebecef/
    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

标签使用

行内文本

带下划线的文本
带着重号的文本
带波浪线的文本
带~~删除线~~ 的文本
键盘样式的文本：command + S
密码样式的文本：你看不到我

1. 带{% u 下划线 %} 的文本
2. 带{% emp 着重号 %} 的文本
3. 带{% wavy 波浪线 %} 的文本
4. 带{% del 删除线 %} 的文本
5. 键盘样式的文本：{% kbd command %} + {% kbd S %}
6. 密码样式的文本：{% psw 你看不到我 %}

行内文本样式

彩色文字：红色、蓝色、青色、黄色、绿色
超大文字：LeftI am large

1
2

1. 彩色文字：{% span red, 红色 %}、{% span blue, 蓝色 %}、{% span cyan, 青色%}、{%span yellow, 黄色 %}、{% span green, 绿色 %}
2. 超大文字：{% span left large, Left %}{% span center logo h2, I am large %}

配置参数：
- 字体: logo, code
- 颜色
- 大小: small, h4, h3, h2, h1, large, huge, ultra
- 对齐方向: left, center, right

语法：

1	{% span 样式参数(参数以空格划分), 文本内容 %}

段落文本样式

彩色文字：
红色
蓝色
超大文字：
Left
I am large

1 2	1. 彩色文字：{% p red, 红色 %}{% p blue, 蓝色 %} 2. 超大文字：{% p = 'initial' left large, Left %}{% p center logo h2, I am large %}

1	{% p 样式参数(参数以空格划分), 文本内容 %}

字体: logo, code
颜色
大小: small, h4, h3, h2, h1, large, huge, ultra
对齐方向: left, center, right

引用note

方法一

simple样式
默认提示块标签
default 提示块标签
primary 提示块标签
success 提示块标签
info 提示块标签
warning 提示块标签
danger 提示块标签
modern样式
默认提示块标签
default 提示块标签
primary 提示块标签
success 提示块标签
info 提示块标签
warning 提示块标签
danger 提示块标签
flat样式
默认提示块标签
default 提示块标签
primary 提示块标签
success 提示块标签
info 提示块标签
warning 提示块标签
danger 提示块标签
disabled样式
默认提示块标签
default 提示块标签
primary 提示块标签
success 提示块标签
info 提示块标签
warning 提示块标签
danger 提示块标签
no-icon样式
默认提示块标签
default 提示块标签
primary 提示块标签
success 提示块标签
info 提示块标签
warning 提示块标签
danger 提示块标签

方法二

simple样式
this is visa
大家注意啦

方法一

方法二

方法一

方法二

方法一

方法二