标签页

1
2
3
4
5
{% tabs [唯一名称] [索引] %}
<!-- tab [标签标题] [@图标] -->
任意内容（支持内联标签）。
<!-- endtab -->
{% endtabs %}
  1. [唯一名称]：每个标签块的唯一名称，不包含逗号。
    1. 它将用作每个标签的#id前缀及其索引号。
    2. 如果名称中包含空格，则在生成的#id中将所有空格替换为连字符。
    3. 文章/页面的当前URL必须是唯一的！
  2. [索引]：活动标签的索引号。
    1. 如果未指定，将选择第一个标签（1）。
    2. 如果索引为-1，则不会选择任何标签。这将是一个剧透。
    3. 可选参数。
  3. [标签标题]：当前标签的标题。
    1. 如果未指定，将使用唯一名称与标签索引后缀作为标签标题。
    2. 如果未指定标题但指定了图标，则标题将为空。
    3. 可选参数。
  4. [@图标]：图标名称（完整名称，例如 “fas fa-github”）。
    1. 可以指定带或不带空格的空格；例如，”标签标题 @图标” 类似于 “标签标题@图标”。
    2. 可选参数。

演示1 - 默认情况下，选择第一个标签

这是标签1。

这是标签2。

这是标签3。

演示2 - 没有默认选择

这是标签1。

这是标签2。

这是标签3。

演示3 - 自定义标签名称 + 图标 + 标签名称和图标

这是标签1。

这是标签2。

这是标签3。

演示1 - 默认情况下，选择第一个标签

1
2
3
4
5
6
7
8
9
10
11
12

{% subtabs 演示1 %}
<!-- tab test1 -->
这是标签1。
<!-- endtab-->
<!-- tab test2 -->
这是标签2。
<!-- endtab-->
<!-- tab test3 -->
这是标签3。
<!-- endtab-->
{% endsubtabs %}

演示2 - 没有默认选择

1
2
3
4
5
6
7
8
9
10
11
{% subtabs 演示2 %}
<!-- tab -->
这是标签1。
<!-- endtab-->
<!-- tab -->
这是标签2。
<!-- endtab-->
<!-- tab -->
这是标签3。
<!-- endtab-->
{% endsubtabs %}

演示3 - 自定义标签名称 + 图标 + 标签名称和图标

1
2
3
4
5
6
7
8
9
10
11
{% subtabs 演示3 %}
<!-- tab test1  -->
这是标签1。
<!-- endtab-->
<!-- tab @st-disc-fill -->
这是标签2。
<!-- endtab-->
<!-- tab 音乐 @st-disc-fill -->
这是标签3。
<!-- endtab-->
{% endsubtabs %}

mermaid

使用 mermaid 标签可以创建流程图、序列图、类图、状态图、甘特图和饼图。更多详情请参考 mermaid 文档。
如果您使用 gulp，请确保关闭已使用 mermaid 的页面。更多详情请参考 文档。

  • 在主题配置文件中启用开关
1
mermaid: true
1
2
3
4
5
6
7
{% mermaid %}
graph TD:
    A-->B;
    A-->C;
    B-->D;
    C-->D;
{% endmermaid %}

1
2
3
4
5
6
7
{% mermaid %}
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
{% endmermaid %}

照片库

1
2
3
4
5
<div class="gallery-group-main">
{% galleryGroup 名称 描述 链接 图片URL %}
{% galleryGroup 名称 描述 链接 图片URL %}
{% galleryGroup 名称 描述 链接 图片URL %}
</div>
Group Image Gallery
壁纸

一些壁纸的收藏

Group Image Gallery
女孩

我的女孩们

1
2
3
4
<div class="gallery-group-main">
{% galleryGroup '壁纸' '一些壁纸的收藏' '/' https://s3.qjqq.cn/47/661f408a2be39.webp!color %}
{% galleryGroup '女孩' '我的女孩们' '/posts/e19cb4b7.html#gallery-%E7%9B%B8%E5%86%8C' https://s3.qjqq.cn/47/661f3fcd06662.webp!color %}
</div>

图库

  1. 标签语法 
    1
    2
    3
    {% gallery %}
    markdown 内容
    {% endgallery %}
  2. 预览
  3. 代码
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    {% gallery %}
    ![](https://s3.qjqq.cn/47/661f3f3ce9415.webp!color)
    ![](https://s3.qjqq.cn/47/661f3f76a0233.webp!color)
    ![](https://s3.qjqq.cn/47/661f3f96048cf.webp!color)
    ![](https://s3.qjqq.cn/47/661f3fb392fb9.webp!color)
    ![](https://s3.qjqq.cn/47/661f3fcd06662.webp!color)
    ![](https://s3.qjqq.cn/47/661f3fe838050.webp!color)
    ![](https://s3.qjqq.cn/47/661f4001816f0.webp!color)
    ![](https://s3.qjqq.cn/47/661f3f3ce9415.webp!color)
    ![](https://s3.qjqq.cn/47/661f3f76a0233.webp!color)
    ![](https://s3.qjqq.cn/47/661f3f96048cf.webp!color)
    ![](https://s3.qjqq.cn/47/661f3fb392fb9.webp!color)
    ![](https://s3.qjqq.cn/47/661f3fcd06662.webp!color)
    ![](https://s3.qjqq.cn/47/661f3fe838050.webp!color)
    ![](https://s3.qjqq.cn/47/661f4001816f0.webp!color)
    {% endgallery %}