文档

Tabs

Button

Inline

1
2
This is my website, click the button Butterfly
This is my website, click the button Butterfly

This is my website, click the button Butterfly

This is my website, click the button Butterfly

Block

1
2
3
This is my website, click the button  Butterfly
This is my website, click the button  Butterfly
This is my website, click the button  Butterfly

Butterfly Butterfly Butterfly

option

more than one button in center

1
2
3
4
5
6
7
8
9
<div class="btn-center">
Butterfly
Butterfly
Butterfly
Butterfly
Butterfly
Butterfly
Butterfly
</div>
1
2
3
4
5
6
7
8
9
<div class="btn-center">
Butterfly
Butterfly
Butterfly
Butterfly
Butterfly
Butterfly
Butterfly
</div>

mermaid

Note (Bootstrap Callout)

方法一

simple

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

默認 提示塊標籤





default 提示塊標籤





primary 提示塊標籤





success 提示塊標籤





info 提示塊標籤





warning 提示塊標籤





danger 提示塊標籤

默認 提示塊標籤

default 提示塊標籤

primary 提示塊標籤

success 提示塊標籤

info 提示塊標籤

warning 提示塊標籤

danger 提示塊標籤

modern

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

默認 提示塊標籤





default 提示塊標籤





primary 提示塊標籤





success 提示塊標籤





info 提示塊標籤





warning 提示塊標籤





danger 提示塊標籤

默認 提示塊標籤

default 提示塊標籤

primary 提示塊標籤

success 提示塊標籤

info 提示塊標籤

warning 提示塊標籤

danger 提示塊標籤

flat

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

默認 提示塊標籤





default 提示塊標籤





primary 提示塊標籤





success 提示塊標籤





info 提示塊標籤





warning 提示塊標籤





danger 提示塊標籤

默認 提示塊標籤

default 提示塊標籤

primary 提示塊標籤

success 提示塊標籤

info 提示塊標籤

warning 提示塊標籤

danger 提示塊標籤

disabled

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

默認 提示塊標籤





default 提示塊標籤





primary 提示塊標籤





success 提示塊標籤





info 提示塊標籤





warning 提示塊標籤





danger 提示塊標籤

默認 提示塊標籤

default 提示塊標籤

primary 提示塊標籤

success 提示塊標籤

info 提示塊標籤

warning 提示塊標籤

danger 提示塊標籤

no-icon

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

默認 提示塊標籤





default 提示塊標籤





primary 提示塊標籤





success 提示塊標籤





info 提示塊標籤





warning 提示塊標籤





danger 提示塊標籤

默認 提示塊標籤

default 提示塊標籤

primary 提示塊標籤

success 提示塊標籤

info 提示塊標籤

warning 提示塊標籤

danger 提示塊標籤

方法二

simple

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

你是刷 Visa 還是 UnionPay




2021年快到了….




小心開車 安全至上




這是三片呢？還是四片？




你是刷 Visa 還是 UnionPay




剪刀石頭布




前端最討厭的瀏覽器

modern

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

你是刷 Visa 還是 UnionPay




2021年快到了….




小心開車 安全至上




這是三片呢？還是四片？




你是刷 Visa 還是 UnionPay




剪刀石頭布




前端最討厭的瀏覽器

flat

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

你是刷 Visa 還是 UnionPay




2021年快到了….




小心開車 安全至上




這是三片呢？還是四片？




你是刷 Visa 還是 UnionPay




剪刀石頭布




前端最討厭的瀏覽器

disabled

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

你是刷 Visa 還是 UnionPay




2021年快到了….




小心開車 安全至上




這是三片呢？還是四片？




你是刷 Visa 還是 UnionPay




剪刀石頭布




前端最討厭的瀏覽器

no-icon

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

你是刷 Visa 還是 UnionPay




2021年快到了….




小心開車 安全至上




這是三片呢？還是四片？




你是刷 Visa 還是 UnionPay




剪刀石頭布




前端最討厭的瀏覽器

你是刷 Visa 還是 UnionPay

2021年快到了….

小心開車 安全至上

這是三片呢？還是四片？

你是刷 Visa 還是 UnionPay

剪刀石頭布

前端最討厭的瀏覽器

tag-hide

隱藏文字，點擊顯示文章

hide-inline

哪個英文字母最酷？ 因為西裝褲(C裝酷)

門裡站著一個人? 閃

hide-toggle

Butterfly安裝方法

在你的博客根目錄裏

1
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly

如果想要安裝比較新的dev分支，可以

1
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly