本博客已经写好了相册功能，下面介绍一下相册的添加方法

1.1 首先在 source-gallery 目录下面新建文件夹和 md 文件

文件夹名字随自己起名,根据个人情况而定

1.2 复制其他页面的内容粘贴到新建的 md 文档，相应的修改 title 和 galleryName,并关闭评论

galleryName： 一级相册的名字
title: 二级相册页面的标题

1.3 style 是修改相册页面布局样式的， style 下面写上所要展示的图片

根据图片奇偶数调整每行展示几张图片,一行两个就选择 48%,三个就选择 32%。
修改页面内的 style 样式不用重启服务，刷新即可看效果。

1.4 打开 gallery 下的根文件 index.md ,添加对应的一级封面

1. href 对应的是文件夹路径，跟你建的文件夹路径包保持一致。比如我的你比温柔更浪漫文件夹在晚晚晚儿呀的下面,对应的就是 <a href="晚晚晚儿呀/你比温柔更浪漫">。gallery 就是根目录。
2. img 展示的是一级封面，根据个人情况而定。
   
3. p 标签是对应相册的名字。
4. gallery-column:对应的是竖着一列的,有几个 column,一行(横着)就是展示几个。下面有几个 gallery-item,就是竖着几个展示。
5. div 上下之间不能有空行，否则会显示错误,字母会变灰色。

1
2
3
4
5
6
7
8
9
10
11
12
13

<div class="gallery-column">
  <div class="gallery-item">
    <a href="晚晚晚儿呀/生活里被藏起来的温柔"><img src="https://jsd.cdn.zzko.cn/gh/txw1314/blog-img@main/晚晚晚儿呀/2022/1.13生活里被藏起来的温柔/202210061616952.jpg">
    </a>
    <p>生活里被藏起来的温柔</p>
  </div>
  <div class="gallery-item">
    <a href="晚晚晚儿呀/你比温柔更浪漫"><img src="https://jsd.cdn.zzko.cn/gh/txw1314/blog-img@main/晚晚晚儿呀/2022/7.17你比温柔更浪漫/202210061643693.jpg">
    </a>
    <p>你比温柔更浪漫</p>
  </div>
</div>

1.5 至此,相册添加完成,启动服务 hexo clean && hexo g && hexo s即可观看效果,页面加载会缓慢,请耐心等待。

最后,附上我的相册展示效果。