Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/xml/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Image gallery 如何在Hugo的主索引中生成图库预览_Image Gallery_Hugo - Fatal编程技术网

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

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文件 目前,主要索引是链接列表。不管我想要什么 是该相册的一个小预览(

我用雨果在一个简单的图库中展示我的照片,图库中有多个相册。此设置中只有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].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}