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

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

内置标签

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://img.haiskyblog.top/b/202407132219696.jpg' %}
{% galleryGroup '旅行' '出行拍摄的杂七杂八' 'https://solitude.js.org' 'https://img.haiskyblog.top/b/202407132219696.jpg' %}
</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是否使用 cookiefalse
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://img.haiskyblog.top/b/202407132219696.jpg' 'cover' 'width: 200px' %}
cover

Inline Img

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

1
{% inline_img url [alt] [style] %}
参数说明默认值
url图片链接无
alt图片描述无
style图片样式无
1
{% inline_img 'https://img.haiskyblog.top/b/202407132219696.jpg' '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

主要用作展示链接。

1
{% link 'titke' 'subtitke' 'url' %}
参数说明默认值
title标题无
subtitke副标题无
url链接无
1
{% link '海Sky' '一款简洁优雅并易用的 Hexo 博客主题' 'https://blog.haiskyblog.top/' %}
引用站外链接
海Sky
一款简洁优雅并易用的 Hexo 博客主题

timeline

用作表达事件发生脉络。

1
2
3
4
5
{% timeline title %}
{% timenode time %}
 content
{% endtimenode %}
{% endtimeline %}
参数说明默认值
title标题无
time时间节点无
content事件无
1
2
3
4
5
6
7
8
{% timeline 示例 %}
{% timenode 2024-12-01 %}
 content
{% endtimenode %}
{% timenode 2024-12-06 %}
 content
{% endtimenode %}
{% endtimeline %}
示例

2024-12-01

content

2024-12-06

content

Button

用作描绘一个按钮。

1
{% button 'icon' 'content' 'url' %}
参数说明默认值
icon图标无
content展示文本无
url链接无
1
{% button 'fa-solid fa-square-caret-up' 'vercle' 'https://vercel.com/new/imsyys-projects/clone?repository-url=https://github.com/imsyy/DailyHotApi-Vercel' %}

github 仓库

用作引入一个github 仓库。

1
{% github 'repo' %}
参数说明默认值
repo仓库无
1
{% github 'everfu/hexo-theme-solitude' %}