Mrakdown 写作的体验很棒,除了标准语法之外,Next 自带的 Tag 插件有还有一些特殊用法,这里仅对常用语法做下记录。
居中引用
1 | {% cq %} 引用文字 {% endcq %} |
演示如下:
沒有一種工作是不委屈的…「熬過去」的日子裡,你經歷的,其實正是多數人經歷的一切
彩色 Tags
1 | {% label [class] @ 标签内容 %} |
2 | |
3 | class: |
4 | - default: 浅灰色,可留空 |
5 | - primary: 浅紫色 |
6 | - success: 浅绿色 |
7 | - info: 浅蓝色 |
8 | - warning: 浅黄色 |
9 | - danger: 浅红色 |
演示如下:
default彩色 Note
避免将标签和内容写在同一行,可能引起编译错误。
1 | {% note [class]%} |
2 | 内容 |
3 | {% endnote %} |
4 | |
5 | class: |
6 | - default: 灰色 |
7 | - primary: 紫色 |
8 | - success: 绿色 |
9 | - info: 蓝色 |
10 | - warning: 黄色 |
11 | - danger: 红色 |
演示如下:
default
primary
success
info
warning
danger
切换 Tabs
使用 tabs…endtabs 标记 Tab 框架,框架内用 ‘‘注释语句区分 Tab。
1 | {% tabs [Class] %} // Class: 必填项,Tab的全局名称,唯一值,不能带有符号 |
2 | |
3 | <!-- tab 1号Tab--> |
4 | 这里是1号Tab内容 |
5 | <!-- endtab --> |
6 | |
7 | <!-- tab 2号Tab--> |
8 | 这里是2号Tab内容 |
9 | <!-- endtab --> |
10 | |
11 | <!-- tab 3号Tab--> |
12 | 这里是3号Tab内容 |
13 | <!-- endtab --> |
14 | |
15 | {% endtabs %} |
演示如下:
这里是1号Tab内容
这里是2号Tab内容
这里是3号Tab内容