写于:2021-07-28 19:16:33

基于butterfly主题

新建相册页面

1
hexo new page GZ

修改权限

进宝塔,修改文件夹权限为www 777。

编辑页面

进入文件夹

1
/home/Disk/2Tsda/web/hexo/source/

编辑,复制以下内容到index文件中:

1
2
3
{% gallery %}
![](https://pic.wmch.tk:5/2025/05/25/2021.07.01Eating-Noodles.jpg)
{% endgallery %}

可以把页面名字改为你想要的名字:

1
2
3
4
---
title: 你想要的名字
date: 2021-07-28 16:14:25
---

编辑相册页面

再进入相册页面

1
/home/Disk/2Tsda/web/hexo/source/pictures/

修改里面的index文件

1
2
3
4
5
<div class="gallery-group-main">
{% galleryGroup '壁纸' '收藏的一些壁纸' '/Gallery/wallpaper' https://i.loli.net/2019/11/10/T7Mu8Aod3egmC4Q.png %}
{% galleryGroup '漫威' '关于漫威的图片' '/Gallery/marvel' https://i.loli.net/2019/12/25/8t97aVlp4hgyBGu.jpg %}
{% galleryGroup 'OH MY GIRL' '关于CC的图片' '/cc' https://pic.wmch.tk:5/2025/05/25/2021.07.01Eating-Noodles.jpg %}
</div>

编辑链接

/Gallery/wallpaper改为你的页面名字,如 GZ,再在后面加上封面的图片。改为:

1
2
3
4
5
<div class="gallery-group-main">
{% galleryGroup '壁纸' '收藏的一些壁纸' '/Gallery/wallpaper' https://i.loli.net/2019/11/10/T7Mu8Aod3egmC4Q.png %}
{% galleryGroup '广州记忆' '关于广州的记忆' '/GZ' https://pic.wmch.tk:5/2025/05/25/2021.05.23nanshalibrary.jpg %}
{% galleryGroup 'OH MY GIRL' '关于CC的图片' '/cc' https://pic.wmch.tk:5/2025/05/25/2021.07.01Eating-Noodles.jpg %}
</div>

显示图片备注

进入:

1
/home/Disk/2Tsda/web/hexo

编辑配置文件,搜索:

1
photofigcaption

改为true,即可。

创建图库

1、创建图库

1
hexo new page pictures

2、图库在首页展示

1
/home/Disk/2Tsda/web/hexo/   _config.butterfly.yml

加入下面一行

1
图库: /pictures/ || fas fa-picture-o  可以在社交图标中找到

然后放入在picture页面里,加入以下内容。

1
/home/Disk/2Tsda/web/hexo/source/pictures/
1
2
3
4
5
6
<div class="gallery-group-main">
{% galleryGroup '壁纸' '收藏的一些壁纸' '/Gallery/wallpaper' https://i.loli.net/2019/11/10/T7Mu8Aod3egmC4Q.png %}
{% galleryGroup '漫威' '关于漫威的图片' '/Gallery/marvel' https://i.loli.net/2019/12/25/8t97aVlp4hgyBGu.jpg %}
{% galleryGroup 'OH MY GIRL' '关于OH MY GIRL的图片' '/Gallery/ohmygirl' https://i.loli.net/2019/12/25/hOqbQ3BIwa6KWpo.jpg %}
</div>

再建立相册页

1
子页面也是普通的页面,你只需要hexo n page xxxxx 创建你的页面就行
1
hexo new page cc