在雨果中处理图像

编程问答 2022-08-12

问题描述

我正在Hugo建立一个设计师网站。它包含一个在每个帖子中都有图片的作品集。

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

我能够使用以下来自Hugo文档的代码来做到这一点。在single.html中：

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

它的作用是获取页面捆绑中的所有图像文件，并渲染所有图像文件。

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

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

谢谢。

解决方法

尝试一下。

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