Hexo添加相册

2292分钟2023-08-2419江苏南京0

文章摘要

本文介绍如何在Hexo博客的Butterfly主题中添加相册功能。主要步骤包括：修改配置文件添加相册菜单、在source目录创建gallery文件夹及index页面、新建相册分类文件，最后通过hexo g和hexo s命令生成并预览。

有的时候博客内容会有变动，首发博客是最新的，其他博客地址可能会未同步,认准https://blog.zysicyj.top

视频教学地址

打开butterfly配置文件，在menu处新增一行

menu:
  主页: / || fas fa-home
  时间轴: /archives/ || fas fa-archive
  标签: /tags/ || fas fa-tags
  分类: /categories/ || fas fa-folder-open
#   清单||fas fa-list:
#     音乐: /music/ || fas fa-music
#     电影: /movies/ || fas fa-video
  相册: /gallery/ || fas fa-solid fa-image
  友链: /link/ || fas fa-link
  活动日历: /about/ || fas fa-calendar
  Love: /love/static/index.html || fas fa-heart

在source目录下新建gallery目录，并新建index

<div class="gallery-group-main">
    {% galleryGroup '宝宝相册' '记录宝宝成长！' '/gallery/baby' http://blog-1253652709.cos.ap-guangzhou.myqcloud.com/pasteimageintomarkdown/2023-08-23/46201997695900.jpeg %}
</div>

在gallery下新建baby.md文件

{% gallery true,720,360 %}
![](http://blog-1253652709.cos.ap-guangzhou.myqcloud.com/pasteimageintomarkdown/2023-08-23/46201997695900.jpeg)
![](http://blog-1253652709.cos.ap-guangzhou.myqcloud.com/pasteimageintomarkdown/2023-08-23/46974523049100.jpeg)
{% endgallery %}