Hugo 范围内的图像处理

Question

我正在尝试对从页面元数据中获取的图像应用一些图像处理。我有一系列的帖子，这个有效：

{{ range sort (where .Site.Pages ".Params.layout" "playlist") ".Params.sort" }}
    <div class="w-full max-w-sm bg-gray-900 hover:bg-brand border border-gray-900 rounded-lg shadow">
        <a href="{{ .Params.permalink }}">
            <img class="rounded-t-lg" src='{{ .Params.cover }}' alt="{{ .Title }}" />
        </a>
        <div class="px-5 mt-4 pb-5 text-center">
             <span class="text-lg mt-8 text-gray-200">{{ .Params.description }}</span>  
        </div>
    </div>
{{ end }}

所以，我的图像可以作为

{{ .Params.cover }}

获得，但我不能完全确定对其应用某些处理的语法。我可以像这样访问图像 URL：

{{ $image := resources.Get .Params.cover }}
<p>{{ $image }}</p>

我已经尝试通过几种方式调整它的大小：

<img class="rounded-t-lg" src='{{  $image.Resize "500x" }}' alt="{{ .Title }}" />

<img class="rounded-t-lg" src='{{ with $image.Resize "500x" }}{{ . }}{{ end }}' alt="{{ .Title }}" />

我也像这样在

<img/>

元素之外尝试过：

{{ $image := resources.Get .Params.cover }}
{{ $image := $image.Resize "500x" }}
<p>{{ $image }}</p>
<a href="{{ .Params.permalink }}">
    <img class="rounded-t-lg" src='{{ $image }}' alt="{{ .Title }}" />
</a>

在所有这些情况下，图像确实得到了渲染，并且我没有从 hugo 中得到任何错误，但是它的原始大小 (1080x1080)，而不是 500x500。那么，我做错了什么？