画廊页面

了解如何配置 Solitude 主题的画廊页面配置。

此页面基于主题标签实现

安装 hexo-solitude-tag 插件

参考 全局配置-主题标签 安装 hexo-solitude-tag 插件

配置画廊索引页面

在 Hexo 博客根目录下打开终端,输入以下命令创建新页面

hexo new page gallery

它将在博客目录的 source 文件夹下生成一个 gallery 文件夹,其中包含 index.md 文件。

参考(可按需修改 Front Matter):

index.md
---
title: 画廊
date: 2025-08-11 21:57:48
---

## 我的画廊 

<div class='gallery-group-main'>
{% galleryGroup '猫猫' '只是示例没有猫猫!!!' '/gallery/Cat' 'https://s3.qjqq.cn/47/674c6e226855e.png!color' %}
{% galleryGroup '狗狗' '只是示例没有狗狗!!!' '/gallery/Cat' 'https://s3.qjqq.cn/47/674c6e5d63fda.png!color' %}
</div>

语法:{% galleryGroup 'name' 'desc' 'url' 'img' %}

配置画廊内容页面

在博客目录的 source/gallery 文件夹中创建其他文件夹,并在其中创建 index.md

例如创建 source/gallery/Cat/index.md 并在其中填写以下内容

参考(可按需修改 Front Matter):

index.md
---
title: 猫猫!
date: 2025-08-11 21:57:48
---

## 只是示例没有猫猫!!!

{% gallery %}

![](https://s3.qjqq.cn/47/674c6e226855e.png!water)
![](https://s3.qjqq.cn/47/674c6e226855e.png!water)
![](https://s3.qjqq.cn/47/674c6e226855e.png!water)
![](https://s3.qjqq.cn/47/674c6e226855e.png!water)
![](https://s3.qjqq.cn/47/674c6e226855e.png!water)

{% endgallery %}

语法:{% gallery %} 多个 MD 图片标签 {% endgallery %}

文件结构参考