【发布时间】:2022-01-17 11:11:09
【问题描述】:
我的网站上有一个页面,其中显示了我拍摄的一些照片。你可以在tomgamon.com/photos看到它。
页面的文件结构是这样的。
content
└── photos
├── 2021-05-01.jpg
├── 2021-10-01.jpg
├── 2021-12-01.jpg
└── _index.md
照片页面的布局包括以下 sn-p 迭代文件夹中的照片并呈现它们。
{{ 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 }}
如果您访问上面的链接,您会发现一切正常。但是,当前输出的文件是升序的,像这样:
- 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 实现这一点?
【问题讨论】:
标签: hugo