Image gallery 如何在Hugo的主索引中生成图库预览
我用雨果在一个简单的图库中展示我的照片,图库中有多个相册。此设置中只有2个元素:Image gallery 如何在Hugo的主索引中生成图库预览,image-gallery,hugo,Image Gallery,Hugo,我用雨果在一个简单的图库中展示我的照片,图库中有多个相册。此设置中只有2个元素: 相册页面:每个相册有一个内容项content/img/album[x].mdcontent/img/album[x].md只显示目录中的所有图像 主索引列表:包含指向content/img/ 我正在使用一个脚本生成content/img/album[x].md,该脚本扫描static/archive/..下的子目录,并为每个目录生成一个.md文件 目前,主要索引是链接列表。不管我想要什么 是该相册的一个小预览(
- 相册页面:每个相册有一个内容项
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].md
语句中使用)if-else
- 除了
或{.Content}
之外,是否可以声明我可以根据上下文使用的其他标记{{.Summary}}
++++
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}}
{{range.Params.files}
{{end}