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] : 可选参数。鼠标悬停时显示的文字。
示例
{% button https://www.iamzs.top, IamZS, home fa-fw fa-lg, Zheng Shuai's blog %}
IamZS
更多示例可查阅该文档。
标注
用法
{% label [class]@text %}
[class] : 可选参数,未指定则使用浏览器默认样式。支持的值有:default | primary | success | info | warning | danger
text : 'success @text' 和 'success@text' 的效果是一样的。
示例
{% label default @default %}
{% label primary @primary %}
{% label success @success %}
*{% label info @italic + info %}*
**{% label warning @bold + warning %}**
~~{% label danger @strikethrough + danger %}~~
<mark>mark</mark>
- default
- primary
- success
- italic + info
- bold + warning
strikethrough + danger- mark
Mermaid
Mermaid 是一个用于画流程图、状态图、时序图、甘特图等的库,使用 JS 进行本地渲染。
用法
{% mermaid type %}
something
{% endmermaid %}
type : 类型
可以在这里查阅支持哪些图及其详细用法。
示例
{% mermaid pie %}
"Dogs" : 386
"Cats" : 85
"Rats" : 15
{% endmermaid %}
pie "Dogs" : 386 "Cats" : 85 "Rats" : 15
注释说明
用法
{% note [class] [no-icon] [summary] %}
任何内容
{% endnote %}
[class] : 可选参数。支持的值有:default | primary | success | info | warning | danger
[no-icon] : 可选参数。不显示 icon
[summary] : 可选参数。
示例
{% note %}
假装是四级标题,{% label @未定义 %}样式
{% endnote %}
假装是四级标题,未定义样式
{% note default %}
假装是四级标题,{% label default @default %} 样式
{% endnote %}
假装是四级标题,default 样式
{% note primary %}
假装是四级标题,{% label primary @primary %} 样式
{% endnote %}
假装是四级标题,primary 样式
{% note success %}
假装是四级标题,{% label success @success %} 样式
{% endnote %}
假装是四级标题,success 样式
{% note info %}
假装是四级标题,{% label info @info %} 样式
{% endnote %}
假装是四级标题,info 样式
{% note warning %}
假装是四级标题,{% label warning @warning %} 样式
{% endnote %}
假装是四级标题,warning 样式
{% note danger %}
假装是四级标题,{% label danger @danger %} 样式
{% endnote %}
假装是四级标题,danger 样式
嵌入 PDF
用法
{% pdf url [height] %}
url : PDF 文件的绝对路径。
[height] : 可选参数。高度(单位:px)。
示例
暂无