雨果参考正面图片:index.html

Hugo reference frontmatter image: in index.html

提问人:sourlemonaid 提问时间:4/8/2023 更新时间:4/10/2023 访问量:129

问:

我的字体看起来像

---
title: "My First Post"
date: 2023-04-07T22:11:00+02:00
draft: false
slug: "hi-first-post"
tags: ['tg1','tag2']
image: "images/featured.jpg"
---

在我的index.html我有

{{ range .Site.RegularPages.ByDate.Reverse }}
{{ if and (eq .Section "story") (not .Draft) (le .Date $.Date) }}
{{$image := resources.Get "images/dogs.webp" }}
            <img src="{{ ($image).RelPermalink }}" alt="Image for {{ .Title }}"></a>
{{end}}{{end}}

但是,我想引用图像:来自frontmatter。 图像都存储在资产/图像中

我正在尝试以这种方式进行操作,因为我正在尝试将一个项目迁移到 hugo。如果我必须在内容中为每个帖子制作文件夹,那将是一个巨大的痛苦。

Markdown 雨果 yaml-front-matter 雨果内容组织

评论


答:

1赞 sourlemonaid 4/10/2023 #1

我通过使用

 {{ $image := resources.GetMatch (printf "**%s" .Params.images) }}
     {{ with $image }}
     <img src="{{ ($image).RelPermalink }}" alt="Image for {{ .Title }}"></a>
     {{ end }}