文章摘要
文章 AI
此内容根据文章生成，并经过人工审核，仅用于文章内容的解释与总结
投诉

内置的外挂标签满足大部分用户的需求，不需要额外安装插件。
插件的外挂标签需要安装对应的插件，满足部分用户的特殊需求。

内置标签

Article

文章列表标签，用于显示文章列表。

1
{% article %}
参数 说明 默认值
path 文章路径 无 
1
{% article 'p/af91ab4f.html' %}

Chart

图表标签，用于显示图表。
打开配置文件中开关

1
chart: true
1
{% chart %}

不需要参数。

1
2
{% chart %}
{% endchart %}

图片列表标签，用于显示图片列表。

GalleryGroup

图片组标签，用于显示图片组。

1
{% galleryGroup 'name' 'desc' 'url' 'img' %}
参数 说明 默认值
name 图片组名称 无
desc 图片组描述 无
url 图片组链接 无
img 图片组预览图 无 
1
2
3
4
<div class='gallery-group-main'>
{% galleryGroup '旅行' '出行拍摄的杂七杂八' 'https://solitude.js.org' 'https://ui.everfu.cn/1dc1f7593d718c12d06ed210d9f28f0c.webp/cover' %}
{% galleryGroup '旅行' '出行拍摄的杂七杂八' 'https://solitude.js.org' 'https://ui.everfu.cn/1dc1f7593d718c12d06ed210d9f28f0c.webp/cover' %}
</div>
Group Image Gallery
旅行

出行拍摄的杂七杂八

Group Image Gallery
旅行

出行拍摄的杂七杂八

Mermaid

Mermaid 标签，用于显示 Mermaid 图表。

1
mermaid: true
1
2
3
{% mermaid %}
content
{% endmermaid %}
1
2
3
4
5
6
7
8
{% mermaid %}
pie
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
{% endmermaid %}

效果

Typeit

Typeit 标签，用于显示 Typeit 动画。

1
typeit: true
1
2
3
{% typeit 'div' %}
options
{% endtypeit %}
参数 说明 默认值
div 标签名 无 
1
2
3
4
{% typeit 'div' }
waitUntilVisible: true,
strings: "Alex MacArthur",
{% endtypeit %}

Tabs

标签页标签，用于显示标签页。

1
2
3
4
5
6
7
8
9
{% tabs 唯一名称, [index] %}

<!-- tab [唯一Tab] [@icon] -->

任何内容（也支持内联标签）。

<!-- endtab -->

{% endtabs %}
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.

预选择tab

This is Tab 1.

This is Tab 2.

This is Tab 3.

插件标签

安装插件

1
npm i hexo-solitude-tag

Youtube

Youtube 标签，用于显示 Youtube 视频。

1
{% youtube video_id [type] [cookie] %}
参数 说明 默认值
video_id 视频 ID 无
type 视频类型 video
cookie 是否使用 cookie false 
1
{% youtube 'dQw4w9WgXcQ' %}

Bilibili

Bilibili 标签，用于显示 Bilibili 视频。

1
{% bvideo video_id %}
参数 说明 默认值
video_id 视频 ID 无 
1
{% bvideo 'BV1B9W6eaEX1' %}

Audio

Audio 标签，用于显示音频。

1
{% audio url %}
参数 说明 默认值
url 音频链接 无 
1
{% audio 'https://music.163.com/song/media/outer/url?id=1436709407.mp3' %}

Video

Video 标签，用于显示视频。

1
{% video url %}
参数 说明 默认值
url 视频链接 无 
1
{% video 'https://media.w3.org/2010/05/sintel/trailer.mp4' %}

Videos

Videos 标签，用于显示视频列表。

1
2
{% videos [col] %}
{% endvideos %}
参数 说明 默认值
col 列数 1 
1
2
3
4
{% videos 2 %}
{% video 'https://media.w3.org/2010/05/sintel/trailer.mp4' %}
{% video 'https://media.w3.org/2010/05/bunny/trailer.mp4' %}
{% endvideos %}

P

没错，就是 P 标签。

1
{% p [cls] [content] %}
参数 说明 默认值
cls 类名 无
content 内容 无

cls: center, left, right, h1, h2, h3, h4, h5, h6, red, green, blue, yellow, purple, orange, gray

1
{% p 'center h2' 'Hello World!' %}

Hello World!

Span

没错，就是 Span 标签。

1
{% span [cls] [content] %}
参数 说明 默认值
cls 类名 无
content 内容 无 
1
{% span 'red h2' 'Hello World!' %}

Hello World!

Fold

折叠标签，用于显示折叠内容。

1
2
3
{% fold 'title' open %}
content
{% endfold %}
参数 说明 默认值
title 标题 无
open 是否展开 不填不显示 
1
2
3
{% fold 'title' open %}
content
{% endfold %}
title

content

Img

图片标签，用于显示图片。

1
{% img url [alt] [style] %}
参数 说明 默认值
url 图片链接 无
alt 图片描述 无
style 图片样式 无 
1
{% img 'https://ui.everfu.cn/5e27069a26f95747442594647fc7d8b9.png/cover' 'cover' 'width: 200px' %}
cover

Inline Img

内联图片标签，用于显示内联图片。

1
{% inline_img url [alt] [style] %}
参数 说明 默认值
url 图片链接 无
alt 图片描述 无
style 图片样式 无 
1
{% inline_img 'https://ui.everfu.cn/5e27069a26f95747442594647fc7d8b9.png/cover' 'cover' '20px' %}

Note

Note 标签，用于显示提示。

1
2
3
{% note 'type' 'icon' %}
content
{% endnote %}
参数 说明 默认值
type 类型 无
icon 图标 无

type: primary, success, warning, danger, info, modern, flat, simple
icon: fantawesome 图标（例如： fas fa-mail）

1
2
3
{% note 'danger modern' 'fas fa-wand-magic-sparkles' %}
content
{% endnote %}

content