提示块标签

default test

primary test

success test

info test

warning test

danger test

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{% note default %}
default test
{% endnote %}

{% note primary no-icon %}
primary test
{% endnote %}

{% note success %}
success test
{% endnote %}

{% note info %}
info test
{% endnote %}

{% note warning %}
warning test
{% endnote %}

{% note danger %}
danger test
{% endnote %}

按钮设置

Mr·乾 Mr·乾 Mr·乾 Mr·乾 Mr·乾 Mr·乾 Mr·乾
Mr·乾 Mr·乾 Mr·乾 Mr·乾 Mr·乾 Mr·乾 Mr·乾 
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
<div class="btn-center">
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,larger %}
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,blue larger %}
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,pink larger %}
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,red larger %}
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,purple larger %}
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,orange larger %}
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,green larger %}
</div>
<div class="btn-center">
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,outline larger %}
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,outline blue larger %}
{% btn 'hhttps://blog.mrqian.top',Mr·乾,far fa-hand-point-right,outline pink larger %}
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,outline red larger %}
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,outline purple larger %}
{% btn 'https://blog.mrqian.top',Mr·乾,far fa-hand-point-right,outline orange larger %}
{% btn 'hhttps://blog.mrqian.top',Mr·乾,far fa-hand-point-right,outline green larger %}
</div>

{% 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/留空

Tab切换

This is Tab 1.

This is Tab 2.

This is Tab 3.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{% tabs test1 %}
<!-- tab -->
This is Tab 1.
<!-- endtab -->

<!-- tab -->
This is Tab 2.
<!-- endtab -->

<!-- tab -->
This is Tab 3.
<!-- endtab -->
{% endtabs %}