Tag 插件 v3.8.0 ​

Keep 主题除了支持 Hexo 框架自带的标签插件（Tag Plugins）之外，还内置了一些特有的 Tag，用于实现 Markdown 不容易生成的样式。

button 按钮 ​

用法 ​

{% button [type] [size] [url] %}
text
{% endbutton %}

参数解释 ​

1. [type] 设置 button 按钮的样式类型
   可选值：info | primary | success | warning | danger

2. [size] 设置 button 按钮的大小
   可选值：small | default | large

3. [url] 设置 button 按钮点击跳转的 URL

使用示例 ​

• 示例：

  {% button primary default https://xpoet.cn %}
  primary default
  {% endbutton %}

  1
  2
  3
  

  效果图：

• 示例：

  {% button success large https://xpoet.cn %}
  success large
  {% endbutton %}

  1
  2
  3
  

  效果图：

note 注解 ​

用法 ​

{% note [type] %}
text
{% endnote %}

参数解释 ​

1. [type] 设置 note 注解的样式类型
   可选值：info | primary | success | warning | danger

使用示例 ​

• 示例：

  {% note primary %}
  this is primary note ...
  {% endnote %}

  1
  2
  3
  

  效果图：

• 示例：

  {% note danger %}
  this is danger note ...
  {% endnote %}

  1
  2
  3
  

  效果图：

tabs 标签页 ​

用法 ​

{% tabs [activeTabNumber] %}
<!-- tab [tabName] -->
[tabContent]
<!-- endtab -->

<!-- tab [tabName] -->
[tabContent]
<!-- endtab -->

<!-- tab [tabName] -->
[tabContent]
<!-- endtab -->

...
...

{% endtabs %}

参数解释 ​

1. [activeTabNumber] 设置激活的 tab pane 编号，从 1 开始
2. [tabName] tab pane 名称

使用示例 ​

• 示例：

  {% tabs 2 %}
  <!-- tab tab1 -->
  this is tab1 ...
  <!-- endtab -->
  
  <!-- tab tab2 -->
  this is tab2 ...
  <!-- endtab -->
  
  <!-- tab tab3 -->
  this is tab3 ...
  <!-- endtab -->
  
  {% endtabs %}

  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12
  13
  14
  

  效果图：

注意 ​

关于 Keep 主题内置的 Tag 插件的更多用法，请查阅相关文章 《Tag Plugins Demo》