有没有办法反转 .Resources 的顺序?
Is there a way to reverse the ordering of .Resources?
我的网站上有一个页面,其中展示了我拍摄的一些照片。你可以在 tomgamon.com/photos.
看到它
页面的文件结构是这样的。
content
└── photos
├── 2021-05-01.jpg
├── 2021-10-01.jpg
├── 2021-12-01.jpg
└── _index.md
照片页面的布局包括以下代码段,该代码段遍历文件夹中的照片并呈现它们。
{{ with .Resources.ByType "image" }}
{{ range . }}
{{ $imageMed := .Resize "600x webp photo q100" }}
{{ $imageSml := .Resize "350x webp photo q100" }}
<img class="photo" srcset="{{ $imageMed.RelPermalink }} 600w,{{ $imageSml.RelPermalink }} 350w" src="{{ $imageMed.RelPermalink }}" loading="lazy" sizes="(min-width: 800px) 600px, 100vw">
{{ end }}
{{ end }}
如果您访问上面的 link,您会发现一切正常。但是,当前输出的文件是按升序排列的,像这样:
- 2021-05-01.jpg
- 2021-10-01.jpg
- 2021-12-01.jpg
理想情况下,我希望它们按降序输出,如下所示:
- 2021-12-01.jpg
- 2021-10-01.jpg
- 2021-05-01.jpg
有什么方法可以在不重命名所有文件的情况下使用 Hugo 实现这一点?
According to the docs一定是这样的:
{{ range sort (.Resources.ByType "image") "Name" "desc" }}
...
{{ end }}
稍后再测试
我的网站上有一个页面,其中展示了我拍摄的一些照片。你可以在 tomgamon.com/photos.
看到它页面的文件结构是这样的。
content
└── photos
├── 2021-05-01.jpg
├── 2021-10-01.jpg
├── 2021-12-01.jpg
└── _index.md
照片页面的布局包括以下代码段,该代码段遍历文件夹中的照片并呈现它们。
{{ with .Resources.ByType "image" }}
{{ range . }}
{{ $imageMed := .Resize "600x webp photo q100" }}
{{ $imageSml := .Resize "350x webp photo q100" }}
<img class="photo" srcset="{{ $imageMed.RelPermalink }} 600w,{{ $imageSml.RelPermalink }} 350w" src="{{ $imageMed.RelPermalink }}" loading="lazy" sizes="(min-width: 800px) 600px, 100vw">
{{ end }}
{{ end }}
如果您访问上面的 link,您会发现一切正常。但是,当前输出的文件是按升序排列的,像这样:
- 2021-05-01.jpg
- 2021-10-01.jpg
- 2021-12-01.jpg
理想情况下,我希望它们按降序输出,如下所示:
- 2021-12-01.jpg
- 2021-10-01.jpg
- 2021-05-01.jpg
有什么方法可以在不重命名所有文件的情况下使用 Hugo 实现这一点?
According to the docs一定是这样的:
{{ range sort (.Resources.ByType "image") "Name" "desc" }}
...
{{ end }}
稍后再测试