Question

我正在尝试使用Hugo在博客文章的底部显示最多三篇相关文章。

我有一些测试代码，可以在其中获取有关“标题”和“摘要”等前题字段的数据，但是我无法访问图像。

不确定我在做什么错

{{ $related := .Site.RegularPages.Related . | first 3 }}
{{ with $related }}
<div class="related-content">
  <h2>Related content</h2>
  <ul class="article-gallery">
    {{ range . }}
    <li>
      <div class="card">
        <a class="button" href="{{ .RelPermalink }}">
          <img src="" alt  ="">
        </a>
        <div>
          <h3>{{ .Title }}</h3>
        </div>
        <pre>
          {{.RelPermalink}}
          {{.Title}}
          {{.Summary}}
          {{.}}
          {{.ReadingTime}}
        </pre>

        <!-- Cannot Access Image -->
        <pre>
          {{.Image}}
        </pre>
      </div>
    </li>

    {{ end }}
  </ul>
</div>
{{ end }}

Answer 1

需要通过.Params访问页面首页中的自定义，用户定义的数据元素：

{{ .Params.Image }}

请参见The Hugo Docs

注意：有一个预定义的“图片 s ”（带有“ s”），可以直接访问。您是要改用它吗？

雨果-如何在相关内容中显示图像

1 个答案: