0%

NexT 主题之 Tag Plugins

NexT 主题通过一些标签「插件」来增强页面显示效果和提供额外信息,如按钮、标注、流程图等。以下是我所需要的部分,完整文档可查阅这里

居中引用

用法

{% centerquote %}最好只有一行文字{% endcenterquote %}

// 简写形式
{% cq %}最好只有一行文字{% endcq %}

示例

最好只有一行文字

按钮

用法

{% button url, text, icon [class], [title] %}

// 简写形式
{% btn url, text, icon [class], [title] %}

url     : URL 绝对或者相对路径。
text    : 按钮显示的文字。text 和 icon 至少指定一个。
icon    : Font Awesome icon 名。text 和 icon 至少指定一个。
[class] : 可选参数。icon 样式:fa-fw | fa-lg | fa-2x | fa-3x | fa-4x | fa-5x
[title] : 可选参数。鼠标悬停时显示的文字。

示例

IamZS

更多示例可查阅该文档

标注

用法

{% label [class]@text %}

[class] : 可选参数,未指定则使用浏览器默认样式。支持的值有:default | primary | success | info | warning | danger
text    : 'success @text' 和 'success@text' 的效果是一样的。

示例

  • default
  • primary
  • success
  • italic + info
  • bold + warning
  • strikethrough + danger
  • mark

Mermaid

Mermaid 是一个用于画流程图、状态图、时序图、甘特图等的库,使用 JS 进行本地渲染。

用法

{% mermaid type %}
something
{% endmermaid %}

type : 类型

可以在这里查阅支持哪些图及其详细用法。

示例

pie "Dogs" : 386 "Cats" : 85 "Rats" : 15

注释说明

用法

{% note [class] [no-icon] [summary] %}
任何内容
{% endnote %}

[class]   : 可选参数。支持的值有:default | primary | success | info | warning | danger
[no-icon] : 可选参数。不显示 icon
[summary] : 可选参数。

示例

假装是四级标题,未定义样式

假装是四级标题,default 样式

假装是四级标题,primary 样式

假装是四级标题,success 样式

假装是四级标题,info 样式

假装是四级标题,warning 样式

假装是四级标题,danger 样式

嵌入 PDF

用法

{% pdf url [height] %}

url      : PDF 文件的绝对路径。
[height] : 可选参数。高度(单位:px)。

示例

暂无