在 Hugo 中处理图像答案

【问题标题】：Processing images in Hugo在 Hugo 中处理图像
【发布时间】：2020-12-25 07:16:05
【问题描述】：

我正在 Hugo 中为设计师建立一个网站。它在每篇文章中都包含一个带有图片的作品集。

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

我可以使用从 Hugo 文档中获取的以下代码来做到这一点。在 single.html 中：

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

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

我注意到图像并没有得到任何处理。我将如何添加这样的内容：

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

谢谢。

【问题讨论】：

标签： hugo

【解决方案1】：

试试这个。

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

【讨论】：

【解决方案2】：

{{ with .Resources.ByType "image" }}
    {{ range . }}
        {{ $img := (.Resize "600x q50") }}
        <img src="{{ $img.RelPermalink }}"/>
    {{ end }}
{{ end }}

【讨论】：