发现除了我自己做的那个video标签语法外其他很多标签语法我都记不住,这里直接复制粘贴大佬的吧,方便以后查看

video

基本格式:

1
{% video VIDEO_URL %}

note

写法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% note modern %}
基础标签
{% endnote %}
{% note 'fas fa-bullhorn' modern %}
带图标的标签
{% endnote %}
{% note default modern %}
default提示块标签
{% endnote %}
{% note info modern %}  
info提示块标签
{% endnote %}
{% note success modern %}  
sucess提示块标签
{% endnote %}
{% note warning modern %}  
warning提示块标签
{% endnote %}
{% note danger modern %}
danger提示块标签
{% endnote %}

效果:

基础标签

带图标的标签

default提示块标签

info提示块标签

sucess提示块标签

warning提示块标签

danger提示块标签

效果:

default提示块标签

info提示块标签

sucess提示块标签

warning提示块标签

danger提示块标签

button

基本格式:

1
{% btn [url] [text] [icon] [option] %}

参数

参数 释义
[url] 目标地址
[text] 按钮文本
[icon] 图标
[option] 可选：color outline center block larger
[color] 为上述option的子项，可选：default blue pink red purple orange green

写法:

1
2
3
4
5
6
{% btn 'https://funingna-wakawaka.github.io/',我的博客,far fa-hand-point-right,blue larger %}
{% btn 'https://funingna-wakawaka.github.io/',我的博客,far fa-hand-point-right,purple outline %}
{% btn 'https://funingna-wakawaka.github.io/',我的博客,far fa-hand-point-right,pink block %}
{% btn 'https://apps.microsoft.com',微软,far fab fa-windows,green larger %}
{% btn 'https://github.com',Github,far fab fa-github,red larger %}
{% btn 'https://github.com',Github,far fab fa-github,red center %}

效果:

我的博客 我的博客 我的博客 微软 Github Github

tabs

基本格式:

1
2
3
4
5
6
7
8
{% tabs 标签id %}
<!-- tab 标签1 -->
内容1
<!-- endtab -->
<!-- tab 标签2 -->
内容2
<!-- endtab -->
{% endtabs %}

效果:

内容1

内容2

folding

基本格式:

1
2
3
4
5
6
7
{% hideToggle 文字内容 %}
这里是测试样例
这里是测试样例
这里是测试样例
这里是测试样例
这里是测试样例
{% endhideToggle %}

效果:

文字内容

这里是测试样例
这里是测试样例
这里是测试样例
这里是测试样例
这里是测试样例

注意:折叠标签里可以嵌套图片等其他标签

timeline

基本格式:

1
2
3
4
5
6
7
8
{% timeline 标题%}
<!-- timeline 时间 -->
内容
<!-- endtimeline -->
<!-- timeline 时间 -->
内容
<!-- endtimeline -->
{% endtimeline %}

写法:

1
2
3
4
5
6
7
8
9
10
11
{% timeline 2026年%}
<!-- timeline 1-20 -->
准备起飞
<!-- endtimeline -->
<!-- timeline 1-21 -->
正在起飞
<!-- endtimeline -->
<!-- timeline 1-22 -->
允许降落
<!-- endtimeline -->
{% endtimeline %}

效果;

2026年

准备起飞

正在起飞

允许降落

hideinline

基本格式:

1
{% hideInline [隐藏文字],[显示文字],[背景色],[字体色] %}

写法:

1
这里是测试字段{% hideInline 不嘻嘻😠,嘻嘻🤭,#FF7242,#fff %}这里是测试字段{% hideInline 隐藏文字,显示文字,#87CEEB,#fff %}这里是测试字段

效果:

这里是测试字段嘻嘻🤭这里是测试字段显示文字这里是测试字段

label

基本格式:

1
{% label [text] [color] %}

参数:

参数 释义
[text] 文本
[color] 颜色，可选：default primary success info warning danger important或者是自定义16进制颜色代码

写法:

1
{% label 测试样例 red %}{% label 测试样例 info %}

效果:

测试样例测试样例