tag plugins

原文链接：https://blog.anheyu.com/posts/d50a.html

1安装插件

1
2
3
4
5
npm install hexo-butterfly-tag-plugins-plus --save
可选
npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-kramed --save

2配置

1
2
3
4
tag_plugins:
  enable: true # 开关
  priority: 5 #过滤器优先权
  issues: false #issues标签依赖注入开关

3tab标签

1
2
3
4
5
6
7
8
9
10
{% tabs Unique name, [index] %}

<!-- tab [Tab caption] [@icon] -->

Any content (support inline tags too).

<!-- endtab -->

{% endtabs %}

This is Tab 1.

This is Tab 2.

This is Tab 3.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% tabs test1 %}

<!-- tab -->

**This is Tab 1.**

<!-- endtab -->

<!-- tab -->

**This is Tab 2.**

<!-- endtab -->

<!-- tab -->

**This is Tab 3.**

<!-- endtab -->

{% endtabs %}

4 timeline

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{% timeline title,color %}

<!-- timeline title -->

xxxxx

<!-- endtimeline -->
<!-- timeline title -->

xxxxx

<!-- endtimeline -->

{% endtimeline %}


{% timeline 2022 %}
<!-- timeline 01-02 -->

这是测试页面
<!-- endtimeline -->

{% endtimeline %}

2022

01-02

这是测试页面

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
{% flink %}
- class_name: 在线工具
  flink_style: anzhiyu
  link_list:
    - name: pdf合集
      link: https://www.ilovepdf.com/zh-cn
      avatar: https://www.ilovepdf.com/img/favicons-pdf/favicon-32x32.png
      descr: 里面收集了有关出路pdf的各类工具
      siteshot: https://i.loli.net/2020/08/21/VuSwWZ1xAeUHEBC.jpg
    - name: pdf翻译
      link: https://app.immersivetranslate.com/pdf/?utm_source=extension&utm_medium=extension&utm_campaign=popup_more
      avatar: https://app-static.immersivetranslate.com/favicon.svg
      descr: 一款好用的pdf翻译工具
      siteshot: https://i.loli.net/2020/08/21/Vzbu3i8fXs6Nh5Y.jpg
    - name: 工具合集
      link: https://www.67tool.com/terms
      avatar: https://www.67tool.com/favicon.ico
      descr: 有着各类实用的工具
      siteshot: https://i.loli.net/2020/08/21/3PmGLCKicnfow1x.png


- class_name: 资源导航
  class_desc: 值得推荐的导航网站
  flink_style: anzhiyu
  link_list:
    - name: 化工导航
      link: https://www.hg-dh.com/
      avatar: http://hg-dh.com/wp-content/uploads/2021/09/化工导航logo浅色.png
      descr: 一个有着各类化工软件，文档，国标的网站
    - name: 设计导航
      link: https://16map.com/
      avatar: https://16map.com/wp-content/themes/16map/img/c-icon.png
      descr: 里面有着设计有关的各种素材，模板，工具
    - name: 网络安全
      link: url=https://deelmind.com/
      avatar: https://deelmind.com/geekfz.png
      descr: 有着关于网络安全的各种知识，包括但不限于漏洞挖掘，web安全等等
    - name: 学术导航
      link: https://www.scihub.net.cn/
      avatar: https://www.scihub.net.cn/skin/black/images/favicon.ico
      descr: 里面收集了有关学术方面的各类网站
    - name: ppt导航
      link: https://hippter.com/
      avatar: https://hippter.com/favicon.ico
      descr: 里面有着各种ppt的免费模板和素材

{% endflink %}


在线工具
pdf合集
pdf合集
里面收集了有关出路pdf的各类工具
pdf翻译
pdf翻译
一款好用的pdf翻译工具
工具合集
工具合集
有着各类实用的工具
资源导航
值得推荐的导航网站
化工导航
化工导航
一个有着各类化工软件，文档，国标的网站
设计导航
设计导航
里面有着设计有关的各种素材，模板，工具
网络安全
网络安全
有着关于网络安全的各种知识，包括但不限于漏洞挖掘，web安全等等
学术导航
学术导航
里面收集了有关学术方面的各类网站
ppt导航
ppt导航
里面有着各种ppt的免费模板和素材

class_name h2标题
flink_style 【可选】友链样式，默认为 flexcard，flexcard/anzhiyu
link_list 【可选】友链样式，默认为 flexcard，flexcard/anzhiyu

6 段落文本

1
{% p 样式参数(参数以空格划分), 文本内容 %}
  1. 字体: logo, code
  2. 颜色: red,yellow,green,cyan,blue,gray
  3. 大小: small, h4, h3, h2, h1, large, huge, ultra
  4. 对齐方向: left, center, right
  • 彩色文字
    在一段话中方便插入各种颜色的标签，包括：

    红色

    、

    黄色

    、

    绿色

    、

    青色

    、

    蓝色

    、

    灰色

    。
  • 超大号文字
    文档「开始」页面中的标题部分就是超大号文字。

    A Wonderful Theme for Hexo

1
2
3
4
5
6
- 彩色文字
  在一段话中方便插入各种颜色的标签，包括：{% p red, 红色 %}、{% p yellow, 黄色 %}、{% p green, 绿色 %}、{% p cyan, 青色 %}、{% p blue, 蓝色 %}、{% p gray, 灰色 %}。
- 超大号文字
  文档「开始」页面中的标题部分就是超大号文字。
  {% p center logo large, Volantis %}
  {% p center small, A Wonderful Theme for Hexo %}