Gallery Page

This page is implemented using hexo-solitude-tag plugin

Install hexo-solitude-tag plugin

Refer to Global Configuration - Tags Plugin to install the hexo-solitude-tag plugin

Configure Gallery Index Page

Open a terminal in the root directory of your Hexo blog and enter the following command to create a new page

hexo new page gallery

This will generate a gallery folder under the source directory of your blog, containing an index.md file.

Reference (modify Front Matter as needed):

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

## My Gallery 

<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>

Syntax: {% galleryGroup 'name' 'desc' 'url' 'img' %}

Configure Gallery Content Page

Create subfolders in the source/gallery directory of your blog and create index.md files inside them

For example, create source/gallery/Cat/index.md with the following content:

Reference (modify Front Matter as needed):

---
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 %}

Syntax: {% gallery %} Multiple MD image tags {% endgallery %}

File Structure Reference