画廊ページ

Solitude テーマの画廊ページの設定方法を学びます。

このページはテーマタグを使用して実現します

hexo-solitude-tag プラグインのインストール

参考 グローバル設定-テーマタグhexo-solitude-tag プラグインをインストールします

画廊索引ページの設定

Hexo ブログのルートディレクトリでターミナルを開き、以下のコマンドを入力して新しいページを作成します

hexo new page gallery

ブログディレクトリの source フォルダに gallery フォルダが生成され、その中に index.md ファイルが含まれます。

参考(必要に応じて変更してください):

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 を作成し、以下の内容を記入します

参考(必要に応じて変更してください):

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

ファイル構造参考