Skip to content
本页目录

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 %}

    效果图: image

  • 示例:

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

    效果图: image

note 注解

用法

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

参数解释

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

使用示例

  • 示例:

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

    效果图: image

  • 示例:

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

    效果图: image

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 %}

    效果图: image

注意

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

Released under the AGPL-3.0 License