Hexo 常用组件汇总

Fluid 组件

标签

1
{% label primary @text %}

或者

1
<span class="label label-primary">text</span>
primary default info success warning danger

便签

1
2
3
{% note primary %}
text
{% endnote %}

或者

1
<p class="note note-primary">text</p>

primary

secondary

success

danger

warning

info

light

组图

1
2
3
4
5
6
7
{% gi 5 3-2 %}
![风景](https://pic1.imgdb.cn/item/636e733b16f2c2beb1a86832.jpg)
![风景](https://pic1.imgdb.cn/item/636e733b16f2c2beb1a86832.jpg)
![风景](https://pic1.imgdb.cn/item/636e733b16f2c2beb1a86832.jpg)
![星空](https://pic1.imgdb.cn/item/636e736816f2c2beb1a93fba.jpg)
![星空](https://pic1.imgdb.cn/item/636e736816f2c2beb1a93fba.jpg)
{% endgi %}
风景
风景
风景
星空
星空

更多主题配置请参考:Hello Fluid

Volantis 组件

tab切换

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

<!-- tab First unique name 1 @ri:home-4-line -->

**This is Tab 1.**

<!-- endtab -->

<!-- tab Icon Test @ri:cloud-line -->

**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
22
23
24
25
26
27
28
29
30
31
32
{% folding blue open::默认打开的折叠框 %}

这是一个默认打开的折叠框。

{% endfolding %}

{% folding cyan::默认关闭的折叠框 %}

这是一个默认关闭的折叠框。

{% endfolding %}

{% folding red::查看列表测试 %}

- 你好
- hello

{% endfolding %}

{% folding green::查看列表测试 %}

- 你好
- hello

{% endfolding %}

{% folding yellow::查看列表测试 %}

- 你好
- hello

{% endfolding %}
默认打开的折叠框

这是一个默认打开的折叠框。

默认关闭的折叠框

这是一个默认关闭的折叠框。

查看列表测试
  • 你好
  • hello
查看列表测试
  • 你好
  • hello
查看列表测试
  • 你好
  • hello

时间线

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

{% timenode 时间节点(小标题) %}

正文内容

{% endtimenode %}

{% timenode 时间节点(小标题) %}

正文内容

{% endtimenode %}

{% timenode 时间节点(小标题) %}

正文内容

{% endtimenode %}

{% endtimeline %}

大标题

时间节点(小标题)

正文内容

时间节点(小标题)

正文内容

时间节点(小标题)

正文内容

更多标签配置请查看:标签插件 - Volantis

版权声明

本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 协议 ,转载请注明出处!


Hexo 常用组件汇总
https://blog.xukaiyyds.cn/posts/430a879f/
作者
xukai
发布于
2020年10月16日
更新于
2023年9月3日
许可协议