页面模板
瀑布流相册

瀑布流相册页面

效果

Masonry

配置教程

Redefine v2.1.4 版本开始支持瀑布流相册页面，使用方法如下：

创建相册页面

在你的 Hexo 项目根目录下执行如下命令即可自动创建相册/照片墙页面。

$ hexo new page masonry

注意： 相册页面默认根据 title: masonry 或者 title: gallery 或者 title: photos 来匹配。

如果需要自定义页面的标题，需要在页面 index.md 的 Front Matter 里面添加 type: masonry 或者 type: gallery，即可自定义页面标题。

以下两个是正确的配置示例参考：

masonry/index.md
---
title: Gallery
date: 2023/5/14 11:45:14
---
masonry/index.md
---
title: 自定义页面标题
type: masonry
date: 2023/5/14 11:45:14
---

修改配置文件

在 Redefine 主题配置文件 _config.redefine.yml 的 navbar 配置项里面启用 links。

_config.redefine.yml
navbar:
  links:
    相册: #取名随意
      icon: fa-solid fa-image #图标
      path: /masonry/

（放在二级菜单也可以）

创建相册存放文件

在你的 Hexo 项目的 source 文件夹里增加 _data 文件夹（如果已有则跳过）

在 _data 文件夹下新增 masonry.yml 文件。

在 masonry.yml 文件里面按照如下格式配置相册信息：

source/_data/masonry.yml
 
- image: 图片 URL
  title: 图片标题
  description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod
 
- image: https://picsum.photos/id/12/2500/1800
  title: Lorem ipsum
  description: Lorem ipsum dolor sit amet

创建完成

现在就可以访问你创建的页面查看效果了。

分类写作模块