Tabs

Shall I compare thee to a summer’s day?
Thou art more lovely and more temperate:
Rough winds do shake the darling buds of May,
And summer’s lease hath all too short a date:
Sometime too hot the eye of heaven shines,
And often is his gold complexion dimm’d;
And every fair from fair sometime declines,
By chance, or nature’s changing course untrimm’d;
But thy eternal summer shall not fade,
Nor lose possession of that fair thou ow’st,
Nor shall death brag thou wander’st in his shade,
When in eternal lines to time thou grow’st:
So long as men can breathe, or eyes can see,
So long lives this, and this gives life to thee.

[{"url":"https://i.loli.net/2019/12/25/Jj8FXuKVlOea4Ec.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/eqBGrXx9tWsZOao.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/LjW2CfNSD7OaY4v.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/pGIhaPjxtl438U9.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/hzjJBR2x5SEmsbC.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/ucNDmUqQkrFfAWv.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/oj1wAnGSKtFvXIJ.jpg","alt":""}]

My Love in her attire doth show her wit,
It doth so well become her;
For every season she hath dressings fit,
For Winter, Spring, and Summer.
No beauty she doth miss
When all her robes are on:
But Beauty’s self she is
When all her robes are gone.

Drink to me only with thine eyes,
And I will pledge with mine;
Or leave a kiss but in the cup,
And I’ll not look for wine.
The thirst that from the soul doth rise
Doth ask a drink divine;
But might I of Jove’s nectar sup,
I would not change for thine.

I sent thee late a rosy wreath,
Not so much honouring thee
As giving it a hope that there
It could not withered be.
But thou thereon didst only breathe,
And send’st it back to me;
Since when it grows and smells, I swear,
Not of itself but thee!

Wine comes in at the mouth
And love comes in at the eye;
That’s all we know for truth
Before we grow and die.
I lift the glass to my mouth,
I look at you, and I sigh.

When you are old and grey and full of sleep,
And nodding by the fire, take down this book,
And slowly read, and dream of the soft look
Your eyes had once, and of their shadows deep;

How many loved your moments of glad grace,
And loved your beauty with love false or true,
But one man loved the pilgrim Soul in you,
And loved the sorrows of your changing face;

And bending down beside the glowing bars,
Murmur, a little sadly, how Love fled
And paced upon the mountains overhead
And hid his face amid a crowd of stars.

qwertyuiop

asdfghjkl

zxcvbnm

Button

Inline

1
2
This is my website, click the button {% btn 'https://butterfly.js.org',Butterfly %}
This is my website, click the button {% btn 'https://butterfly.js.org',Butterfly,,outline%}

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  {% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,block larger %}
This is my website, click the button  {% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,block center larger %}
This is my website, click the button  {% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,block right blue larger %}
Butterfly Butterfly Butterfly

option

more than one button in center

1
2
3
4
5
6
7
8
9
<div class="btn-center">
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,blue larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,pink larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,red larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,purple larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,orange larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,green larger %}
</div>
Butterfly Butterfly Butterfly Butterfly Butterfly Butterfly Butterfly
1
2
3
4
5
6
7
8
9
<div class="btn-center">
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline blue larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline pink larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline red larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline purple larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline orange larger %}
{% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,outline green larger %}
</div>
Butterfly Butterfly Butterfly Butterfly Butterfly Butterfly Butterfly

mermaid

Note (Bootstrap Callout)

Usage 1

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
{% note simple %}
Default Callout Tag
{% endnote %}

{% note default simple %}
Default Callout Tag
{% endnote %}

{% note primary simple %}
Primary Callout Tag
{% endnote %}

{% note success simple %}
Success Callout Tag
{% endnote %}

{% note info simple %}
Info Callout Tag
{% endnote %}

{% note warning simple %}
Warning Callout Tag
{% endnote %}

{% note danger simple %}
Danger Callout Tag
{% endnote %}

Default Callout Tag

Default Callout Tag

Primary Callout Tag

Success Callout Tag

Info Callout Tag

Warning Callout Tag

Danger Callout Tag

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
{% note modern %}
Default Callout Tag
{% endnote %}

{% note default modern %}
Default Callout Tag
{% endnote %}

{% note primary modern %}
Primary Callout Tag
{% endnote %}

{% note success modern %}
Success Callout Tag
{% endnote %}

{% note info modern %}
Info Callout Tag
{% endnote %}

{% note warning modern %}
Warning Callout Tag
{% endnote %}

{% note danger modern %}
Danger Callout Tag
{% endnote %}

Default Callout Tag

Default Callout Tag

Primary Callout Tag

Success Callout Tag

Info Callout Tag

Warning Callout Tag

Danger Callout Tag

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
{% note flat %}
Default Callout Tag
{% endnote %}

{% note default flat %}
Default Callout Tag
{% endnote %}

{% note primary flat %}
Primary Callout Tag
{% endnote %}

{% note success flat %}
Success Callout Tag
{% endnote %}

{% note info flat %}
Info Callout Tag
{% endnote %}

{% note warning flat %}
Warning Callout Tag
{% endnote %}

{% note danger flat %}
Danger Callout Tag
{% endnote %}

Default Callout Tag

Default Callout Tag

Primary Callout Tag

Success Callout Tag

Info Callout Tag

Warning Callout Tag

Danger Callout Tag

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
{% note disabled %}
Default Callout Tag
{% endnote %}

{% note default disabled %}
Default Callout Tag
{% endnote %}

{% note primary disabled %}
Primary Callout Tag
{% endnote %}

{% note success disabled %}
Success Callout Tag
{% endnote %}

{% note info disabled %}
Info Callout Tag
{% endnote %}

{% note warning disabled %}
Warning Callout Tag
{% endnote %}

{% note danger disabled %}
Danger Callout Tag
{% endnote %}

Default Callout Tag

Default Callout Tag

Primary Callout Tag

Success Callout Tag

Info Callout Tag

Warning Callout Tag

Danger Callout Tag

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
{% note no-icon %}
Default Callout Tag
{% endnote %}

{% note default no-icon %}
Default Callout Tag
{% endnote %}

{% note primary no-icon %}
Primary Callout Tag
{% endnote %}

{% note success no-icon %}
Success Callout Tag
{% endnote %}

{% note info no-icon %}
Info Callout Tag
{% endnote %}

{% note warning no-icon %}
Warning Callout Tag
{% endnote %}

{% note danger no-icon %}
Danger Callout Tag
{% endnote %}

Default Callout Tag

Default Callout Tag

Primary Callout Tag

Success Callout Tag

Info Callout Tag

Warning Callout Tag

Danger Callout Tag

Usage 2

simple

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% note 'fab fa-cc-visa' simple %}
Are you using Visa or UnionPay?
{% endnote %}
{% note blue 'fas fa-bullhorn' simple %}
2021 is coming soon...
{% endnote %}
{% note pink 'fas fa-car-crash' simple %}
Drive safely, safety first.
{% endnote %}
{% note red 'fas fa-fan' simple%}
Is this a three-blade fan or a four-blade fan?
{% endnote %}
{% note orange 'fas fa-battery-half' simple %}
Are you using Visa or UnionPay?
{% endnote %}
{% note purple 'far fa-hand-scissors' simple %}
Rock-paper-scissors.
{% endnote %}
{% note green 'fab fa-internet-explorer' simple %}
The most dreaded browser for front-end developers.
{% endnote %}

Are you using Visa or UnionPay?

2021 is coming soon...

Drive safely, safety first.

Is this a three-blade fan or a four-blade fan?

Are you using Visa or UnionPay?

Rock-paper-scissors.

The most dreaded browser for front-end developers.

modern

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% note 'fab fa-cc-visa' modern %}
Are you using Visa or UnionPay?
{% endnote %}
{% note blue 'fas fa-bullhorn' modern %}
2021 is coming soon...
{% endnote %}
{% note pink 'fas fa-car-crash' modern %}
Drive safely, safety first.
{% endnote %}
{% note red 'fas fa-fan' modern%}
Is this a three-blade fan or a four-blade fan?
{% endnote %}
{% note orange 'fas fa-battery-half' modern %}
Are you using Visa or UnionPay?
{% endnote %}
{% note purple 'far fa-hand-scissors' modern %}
Rock-paper-scissors.
{% endnote %}
{% note green 'fab fa-internet-explorer' modern %}
The most dreaded browser for front-end developers.
{% endnote %}

Are you using Visa or UnionPay?

2021 is coming soon...

Drive safely, safety first.

Is this a three-blade fan or a four-blade fan?

Are you using Visa or UnionPay?

Rock-paper-scissors.

The most dreaded browser for front-end developers.

flat

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% note 'fab fa-cc-visa' flat %}
Are you using Visa or UnionPay?
{% endnote %}
{% note blue 'fas fa-bullhorn' flat %}
2021 is coming soon...
{% endnote %}
{% note pink 'fas fa-car-crash' flat %}
Drive safely, safety first.
{% endnote %}
{% note red 'fas fa-fan' flat%}
Is this a three-blade fan or a four-blade fan?
{% endnote %}
{% note orange 'fas fa-battery-half' flat %}
Are you using Visa or UnionPay?
{% endnote %}
{% note purple 'far fa-hand-scissors' flat %}
Rock-paper-scissors.
{% endnote %}
{% note green 'fab fa-internet-explorer' flat %}
The most dreaded browser for front-end developers.
{% endnote %}

Are you using Visa or UnionPay?

2021 is coming soon...

Drive safely, safety first.

Is this a three-blade fan or a four-blade fan?

Are you using Visa or UnionPay?

Rock-paper-scissors.

The most dreaded browser for front-end developers.

disabled

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% note 'fab fa-cc-visa' disabled %}
Are you using Visa or UnionPay?
{% endnote %}
{% note blue 'fas fa-bullhorn' disabled %}
2021 is coming soon...
{% endnote %}
{% note pink 'fas fa-car-crash' disabled %}
Drive safely, safety first.
{% endnote %}
{% note red 'fas fa-fan' disabled %}
Is this a three-blade fan or a four-blade fan?
{% endnote %}
{% note orange 'fas fa-battery-half' disabled %}
Are you using Visa or UnionPay?
{% endnote %}
{% note purple 'far fa-hand-scissors' disabled %}
Rock-paper-scissors.
{% endnote %}
{% note green 'fab fa-internet-explorer' disabled %}
The most dreaded browser for front-end developers.
{% endnote %}

Are you using Visa or UnionPay?

2021 is coming soon...

Drive safely, safety first.

Is this a three-blade fan or a four-blade fan?

Are you using Visa or UnionPay?

Rock-paper-scissors.

The most dreaded browser for front-end developers.

no-icon

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% note no-icon %}
Are you using Visa or UnionPay?
{% endnote %}
{% note blue no-icon %}
2021 is coming soon...
{% endnote %}
{% note pink no-icon %}
Drive safely, safety first.
{% endnote %}
{% note red no-icon %}
Is this a three-blade fan or a four-blade fan?
{% endnote %}
{% note orange no-icon %}
Are you using Visa or UnionPay?
{% endnote %}
{% note purple no-icon %}
Rock-paper-scissors.
{% endnote %}
{% note green no-icon %}
The most dreaded browser for front-end developers.
{% endnote %}

Are you using Visa or UnionPay?

2021 is coming soon...

Drive safely, safety first.

Is this a three-blade fan or a four-blade fan?

Are you using Visa or UnionPay?

Rock-paper-scissors.

The most dreaded browser for front-end developers.

Group Image Gallery
Wallpapers

A collection of wallpapers

Group Image Gallery
Marvel

Pictures related to Marvel

Group Image Gallery
OH MY GIRL

Pictures related to OH MY GIRL

[{"url":"https://i.loli.net/2019/12/25/Jj8FXuKVlOea4Ec.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/eqBGrXx9tWsZOao.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/LjW2CfNSD7OaY4v.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/pGIhaPjxtl438U9.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/hzjJBR2x5SEmsbC.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/ucNDmUqQkrFfAWv.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/oj1wAnGSKtFvXIJ.jpg","alt":""}]

tag-hide

If you want to hide certain text or content and provide a button for users to click and reveal it, you can use this tag-hide plugin.

hide-inline

Which English letter is the coolest? Because they wear suits (C for cool)

There's a person standing inside the door? Blink

hide-block

Girls

[{"url":"https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/gEy5Zc1Ai6VuO4N.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/d6QHbytlSYO4FBG.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/6nepIJ1xTgufatZ.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/E7Jvr4eIPwUNmzq.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/mh19anwBSWIkGlH.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/2tu9JC8ewpBFagv.jpg","alt":""}]

hide-toggle

Butterfly Installation Method

In your blog's root directory,

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

If you want to install the newer dev branch, you can use

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

[{"url":"https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/gEy5Zc1Ai6VuO4N.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/d6QHbytlSYO4FBG.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/6nepIJ1xTgufatZ.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/E7Jvr4eIPwUNmzq.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/mh19anwBSWIkGlH.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/2tu9JC8ewpBFagv.jpg","alt":""}]