标签外挂 Note 1 2 3 4 5 6 7 8 {% note [class] [no-icon] [style] %} Any content (support inline tags too.io). {% endnote %} =========================实例================================= {% note success simple%} note success simple {% endnote %} =========================实例=================================
自定义icon 1 2 3 4 5 6 7 8 9 PLAINTEXT {% note [color] [icon] [style] %} Any content (support inline tags too.io). {% endnote %} =========================实例================================= {% note blue 'fas fa-bullhorn' modern %} 2021年快到了.... **modern** {% endnote %} =========================实例=================================
你是刷 Visa 还是 UnionPay simple
隐藏内容标签外挂 注意，无论是那种方式，都不建议在内容里面使用<h>标签
Inline（只有一次机会） 1 2 3 4 5 PLAINTEXT {% hideInline content,display,bg,color %} =========================实例================================= 哪个东西不怕🐍？{% hideInline 鸭舌(🐍)帽,查看,#FF7242,#fff%} =========================实例=================================
哪个东西不怕🐍？查看
鸭舌(🐍)帽
门里站着一个人? Click
闪
Block（只有一次机会） block独立的block隐藏内容，可以隐藏很多内容，包括图片，代码块等等
( display 不能包含英文逗号，可用‚)
1 2 3 4 5 6 7 8 9 10 PLAINTEXT {% hideBlock display,bg,color %} content {% endhideBlock %} =========================实例================================= {% hideBlock 显示内容%} 内容 **加粗内容** {% endhideBlock %} =========================实例=================================
content: 文本内容
display: 按钮显示的文字(可选)
bg: 按钮的背景颜色(可选)
color: 按钮文字的颜色(可选)
Toggle（多次使用） 展示很多内容，隐藏在搜索框里面，需要再展开，
1 2 3 4 5 6 7 8 9 10 11 {% hideToggle display,bg,color %} content {% endhideToggle %} =========================实例================================= {% hideToggle 隐藏内容%} 内容 **内容加粗** {% endhideToggle %} =========================实例=================================
隐藏内容 Tabs 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 {% tabs Unique name, [index] %} <!-- tab [Tab caption] [@icon] --> Any content (support inline tags too). <!-- endtab --> {% endtabs %} Unique name : Unique name of tabs block tag without comma. Will be used in #id's as prefix for each tab with their index numbers. If there are whitespaces in name, for generate #id all whitespaces will replaced by dashes. Only for current url of post/page must be unique! [index] : Index number of active tab. If not specified, first tab (1) will be selected. If index is -1, no tab will be selected. It's will be something like spoiler. Optional parameter. [Tab caption] : Caption of current tab. If not caption specified, unique name with tab index suffix will be used as caption of tab. If not caption specified, but specified icon, caption will empty. Optional parameter. [@icon] : FontAwesome icon name (full-name, look like 'fas fa-font') Can be specified with or without space; e.g. 'Tab caption @icon' similar to 'Tab caption@icon'. Optional parameter. =========================实例================================= 自定义名称 {% tabs test4 %} <!-- tab 第一个Tab --> **tab名字为第一个Tab** <!-- endtab --> <!-- tab @fas fa-apple-alt--> **只有图标 没有Tab名字** <!-- endtab --> <!-- tab 炸弹@fas fa-bomb --> **名字+icon** <!-- endtab --> {% endtabs %} =========================实例=================================
自定义名称 注意，即使不使用tabs的名称，也要写上
1 2 3 4 5 6 7 8 {% tabs name%} <!-- tab tital1 --> 内容1 <!-- endtab --> <!-- tab tital2 --> 内容2 <!-- endtab --> {% endtabs %}
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 {% btn [url],[text],[icon],[color] [style] [layout] [position] [size] %} [url] : 链接 [text] : 按钮文字 [icon] : [可选] 图标 [color] : [可选] 按钮背景顔色(默认style时） 按钮字体和边框顔色(outline时) default/blue/pink/red/purple/orange/green [style] : [可选] 按钮样式 默认实心 outline/留空 [layout] : [可选] 按钮佈局 默认为line block/留空 [position] : [可选] 按钮位置 前提是设置了layout为block 默认为左边 center/right/留空 [size] : [可选] 按钮大小 larger/留空 =========================实例================================= {% btn 'https://znxs.asia',点击测试%} {% btn 'https://znxs.asia',点击测试,far fa-hand-point-right%} {% btn 'https://znxs.asia',点击测试,far fa-hand-point-right,pink %} {% btn 'https://znxs.asia',点击测试,far fa-hand-point-right,red outline%} {% btn 'https://znxs.asia',点击测试,far fa-hand-point-right,purple larger %} {% btn 'https://znxs.asia',点击测试,far fa-hand-point-right,orange outline larger %} {% btn 'https://znxs.asia',点击测试,far fa-hand-point-right,blue block center larger%} {% btn 'https://znxs.asia',点击测试,far fa-hand-point-right,green outline block right larger%} =========================实例=================================
点击测试 点击测试 点击测试 点击测试 点击测试 点击测试 点击测试 点击测试 InlineImg 图片内联元素
1 2 3 4 5 6 7 8 9 {% inlineImg [src] [height] %} [src] : 图片链接 [height] ： 图片高度限制【可选】 =========================实例================================= 你看我长得漂亮不  我觉得很漂亮 {% inlineImg https://i.loli.net/2021/03/19/5M4jUB3ynq7ePgw.png 150px %} =========================实例=================================
你看我长得漂亮不
label 高亮所需的文字
在段落开头使用 label 标签外挂会出现一些问题。例如：连续开头使用 label 标签外挂的段落无法换行
1 2 3 4 5 6 7 8 {% label text color %} text -- 文本 color -- 颜色【可选】背景颜色，默认为default default/blue/pink/red/purple/orange/green =========================实例================================= {% label 大丈夫 %}，应带{% label 三尺之剑 red %}，立{% label 不世之功 pink%} =========================实例=================================
大丈夫 ，应带三尺之剑 ，立不世之功
Timeline 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 {% timeline title,color %} <!-- timeline title --> xxxxx <!-- endtimeline --> <!-- timeline title --> xxxxx <!-- endtimeline --> {% endtimeline %} title -- 标题/时间 两个会自动连一起 color -- 颜色 留空默认 default(留空) / blue / pink / red / purple / orange / green =========================实例================================= {% timeline 2022 %} <!-- timeline 01-02 --> 这是测试页面 <!-- endtimeline --> {% endtimeline %} =========================实例=================================
还可以这样
Gallery 相册（新版）
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 {% gallery [lazyload],[rowHeight],[limit] %} markdown 图片格式 {% endgallery %} lazyload --【可选】点击按钮加载更多图片，填写 true/false。默认为 false。 rowHeight --【可选】图片显示的高度，如果需要一行显示更多的图片，可设置更小的数字。默认为 220。 limit --【可选】每次加载多少张照片。默认为 10。 {% gallery %} markdown 图片格式 {% endgallery %} {% gallery true,220,10 %} markdown 图片格式 {% endgallery %} {% gallery true,,10 %} markdown 图片格式 {% endgallery %} =========================实例================================= {% gallery %}         {% endgallery %} =========================实例=================================
[{"url":"https://img.znxs.vip/znxs/845129.png","alt":"1"},{"url":"https://img.znxs.vip/znxs/961638.png","alt":"2"}]
？？？？
