如何在 Hugo 的主索引中生成图库预览

Question

我正在使用 Hugo 在一个包含多个相册的简单画廊中展示我的照片。此设置中只有 2 个元素：

专辑页面：每张专辑一个内容项content/img/album[x].md。 content/img/album[x].md 只显示目录中的所有图像。
主索引列表：一个主索引，其中包含指向内部每个相册的链接列表 content/img/

我正在使用脚本生成 content/img/album[x].md，该脚本会扫描 static/archive/... 下的目录以查找子目录，并为每个目录生成一个 .md 文件。

目前主索引是一个链接列表。但是我想要什么是那个专辑的一点预览（即前4张图片）。所以我想知道的是：

如何根据显示的上下文（主索引列表与相册页面）呈现 content/img/album[x].md？
是否可以将上下文变量传播到 content/img/album[x].md 以显示其呈现位置（以便我可以在 content/img/album[x] 内的 if else 语句中使用它。医学博士)?
除了 {{ .Content }} 或 {{ .Summary }} 之外，是否可以根据上下文声明我可以使用的其他标签？

Answer 1

我的解决方案是将元数据添加到内容项的参数字段，即：

++++
files = [ ["data/2013-08-16/thumbs/thumb_2013-08-16_09:49:32_IMG_7101.JPG","rotate-90"],["data/2013-08-16/thumbs/thumb_2013-08-16_10:39:55_IMG_7113.JPG","rotate-0"] ]
++++

然后我为每个页面切换布局：

{{ range .Pages }}
{{ .Render "articlepreview"}}
{{ end }}

在空间模板中 articlepreview.html 我使用元数据数组：

{{ range .Params.files }}
<img width="100" src="{{ index . 0 }}" class="{{ index . 1 }}">
{{end}}

如何在 Hugo 的主索引中生成图库预览

Howto generate a gallery preview in the main index in Hugo

image-gallery

hugo