参考教程：

糖果屋教程贴

https://akilar.top/posts/615e2dec/


引用 Note

no-icon 样式语法 👇

1
2
3
4
5
6
7
8
9
10
11
12
13
{% note no-icon %}{% endnote %}

{% note blue no-icon %}{% endnote %}

{% note pink no-icon %}{% endnote %}

{% note red no-icon %}{% endnote %}

{% note orange no-icon %}{% endnote %}

{% note purple no-icon %}{% endnote %}

{% note green no-icon %}{% endnote %}

对应效果 👇

蝉鸣是窗外渐渐倒数的钟声

考卷的分数是往上爬的树藤

我画在你手掌上的蝴蝶，飞走了吗？

白云是蓝天正在放的风筝

青春是操场奔跑的我们

不要担心受伤

勇敢地朝梦想闯一闯


时间轴 Timeline

语法 👇

1
2
3
4
5
{% timeline %}
{% timenode <Custom> %}
<Custom>
{% endtimenode %}
{% endtimeline %}

对应效果 👇

2016-08

枫下的秋千，剩下的暗恋

2021-12

我们说过要永远在对方身边

2022-08

走廊的光线，剪影的校园，即将是从前


语法 👇

1
{% link <链接名>, <链接地址>, <链接图像> %}

对应效果 👇

糖果屋教程贴

https://akilar.top/posts/615e2dec/


行内图片 Inline Image

语法 👇

1
<文字> {% inlineimage <图片链接>, [height=<高度>] %}

对应效果 👇

毕业的那天，剩下的时间

能不能别轻易，就说了再见


单张图片 Single Image

语法 👇

可选参数：宽度 width（px | %）、描述 alt

1
{% image <图片链接>, [width=<Custom>px], [alt=<Custom>] %}

对应效果 👇

快门按下，手牵着手，暂停童年
快门按下，手牵着手，暂停童年

  1. gallerygroup 相册库

    语法 👇

    1
    2
    3
    <div class="gallery-group-main">
    {% galleryGroup <相册名> <相册描述> '<相册地址>' <相册背景图地址> %}
    </div>

    对应效果 👇

    Group Image Gallery
    Article_Cover

    精美的文章封面

    Group Image Gallery
    Girlfriend

    The_love_of_my_life

  2. gallery 相册

    语法 👇

    1
    2
    3
    4
    {% gallery %}
    ![](图片地址)
    ![](图片地址)
    {% endgallery %}

    对应效果 👇


折叠框 Folding

语法 👇

1
2
3
4
5
6
颜色参数：[不填默认灰色]，cyan,green,yellow,red,blue
展开参数：[不填默认关闭]，open

{% folding [颜色参数] [展开参数], <标题> %}
<Cusotm>
{% endfolding %}

对应效果 👇

灰色折叠框
1
{% folding 灰色折叠框 %}{% endfolding %}
青色折叠框
1
{% folding cyan , 青色折叠框 %}{% endfolding %}
绿色折叠框
1
{% folding green , 绿色折叠框 %}{% endfolding %}
黄色折叠框
1
{% folding yellow , 黄色折叠框 %}{% endfolding %}
红色折叠框
1
{% folding red , 红色折叠框 %}{% endfolding %}
蓝色折叠框
1
{% folding blue , 蓝色折叠框 %}{% endfolding %}

分栏 Tab

语法 👇

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

<!-- tab -->

**This is Tab 1.**

<!-- endtab -->

<!-- tab -->

**This is Tab 2.**

<!-- endtab -->

<!-- tab -->

**This is Tab 3.**

<!-- endtab -->

{% endtabs %}

对应效果 👇

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
15
16
17
18
19
20
21
{% tabs test2, 3 %}

<!-- tab -->

**This is Tab 1.**

<!-- endtab -->

<!-- tab -->

**This is Tab 2.**

<!-- endtab -->

<!-- tab -->

**This is Tab 3.**

<!-- endtab -->

{% endtabs %}

对应效果 👇

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
15
16
17
18
19
20
21
{% tabs test3, -1 %}

<!-- tab -->

**This is Tab 1.**

<!-- endtab -->

<!-- tab -->

**This is Tab 2.**

<!-- endtab -->

<!-- tab -->

**This is Tab 3.**

<!-- endtab -->

{% endtabs %}

对应效果 👇

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
15
16
17
18
19
20
21
{% tabs test4 %}

<!-- tab Harris -->

**我是 Harris**

<!-- endtab -->

<!-- tab Wendy -->

**我是 Wendy**

<!-- endtab -->

<!-- tab Sharon -->

**我是 Sharon**

<!-- endtab -->

{% endtabs %}

对应效果 👇

我是 Harris

我是 Wendy

我是 Sharon


标签隐藏 Tag Hide

行内 Inline

只限文字隐藏

语法 👇

1
{% hideInline <文本内容>,[按钮显示的字],[按钮背景颜色],[按钮文字颜色] %}

对应效果 👇

怪可爱的

块 Block

可以隐藏很多内容，包括图片，代码块。( display 不能包含英文逗号，可用&sbquo;)

语法 👇

1
2
3
{% hideBlock [按钮显示的字],[按钮背景颜色],[按钮文字颜色] %}
<文本内容>
{% endhideBlock %}

对应效果 👇

有点可爱


诗词标签 Poem

语法 👇

1
2
3
{% poem <标题>,<作者> %}
<诗词内容>
{% endpoem %}

对应效果 👇

水调歌头
苏轼

丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。
明月几时有？把酒问青天。
不知天上宫阙，今夕是何年？
我欲乘风归去，又恐琼楼玉宇，高处不胜寒。
起舞弄清影，何似在人间？

转朱阁，低绮户，照无眠。
不应有恨，何事长向别时圆？
人有悲欢离合，月有阴晴圆缺，此事古难全。
但愿人长久，千里共婵娟。


注释 notation

语法 👇

1
{% nota <被注释文字> , <hover显示注释> %}

对应效果 👇

把鼠标移动到我上面试试