hugo - 在 Hugo 中处理图像

Question

我正在为一位设计师在 Hugo 中构建一个网站。它包括一个投资组合，每篇文章中都有图片。

我认为最简单的管理方法是使用页面包。也就是说，在每个帖子的文件夹中包含图像，并让 Hugo 自动将该页面包中的所有图像放入一个图库中。

我能够使用从 Hugo 文档中获取的以下代码来执行此操作。在 single.html 中:

{{ with .Resources.ByType "image" }}
{{ range . }}
<img src="{{ .RelPermalink }}"> 
{{ end }}
{{ end }}

这样做是获取页面包中的所有图像文件，并呈现所有这些文件。

我注意到这些图片没有经过任何处理。我将如何去添加这样的东西:

{{ $image.Resize "600x q50" }}

谢谢。

Answer 1

试试这个。

{{ $img := .Resources.GetMatch "name-of-image.png" }}
{{ $img := $img.Resize "600x400" }}