Image 雨果：我如何在帖子列表中显示图片

我试图在我的帖子列表中显示一个图像

为了实现这一点，我在我的post.md中添加了一些标签：

---
title: "Hello"
header_image: /images/blog/2019/water.jpg
images: /images/blog/2019/water.jpg
resources:
  src:  /images/blog/2019/water.jpg
  title: "The image I want"

---

然后我编辑了list.html并尝试了不同的方法：

{{ define "main" }}
<div class="archive animated fadeInDown">
    <ul class="list-with-title">
      <div class="listing-title">{{.Title}}</div>
      {{ range .Pages }}
      <ul class="listing">
        <div class="listing-item">
            <div class="listing-post"><a href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a>
              {{ with .Resources.ByType "image" }}
                <div class="Image">
                {{ range . }}
                    <img src="{{ .RelPermalink }}">
                {{ end }}
                </div>
              {{ end }}
{{ $.Param "header_image" }}
                --  {{ range .Page.Resources }}
                  THERE IS ONE ITEM => NOT WORKING
                    {{ end }} <<
              <div class="post-time"><span class="date">{{.Date.Format "Jan 2" }}</span></div>
            </div>
          </div>
    </ul>
    {{ end }}
  </div>
{{ end }}

但是当我试图显示资源时，我总是一无所获

你知道我做错了什么吗？

我认为你的{{$.Param header\u image}也不起作用

访问页面和站点上的自定义非标准变量的方法是通过.Params对象，例如.Params.header_图像。注意开头的小写字母，而不是内置参数的大写字母

自定义页面参数 访问

-- 标题图片：/images/blog/2019/water.jpg -- 您可以在页面模板中使用此选项

{{ .Params.header_image }}

资源 似乎资源实际上是一个对象数组，而使用yaml，您实际上应该有如下内容：请注意，破折号：

resources:
- src:  /images/blog/2019/water.jpg
  title: "The image I want"

还请注意，此功能似乎仅适用于页面包

调试 你可以用