使用布局时 Hugo 页面不呈现答案

【问题标题】：Hugo pages not rendering when using layout使用布局时 Hugo 页面不呈现
【发布时间】：2018-09-05 00:01:46
【问题描述】：

我正在尝试向我的 Hugo 网站添加一个页面，但是，我在让页面呈现内容时遇到了麻烦（使用布局时 - 我可以在没有布局的情况下让内容呈现）。更具体地说，我想在我的网站上添加一个简历页面。这是我所做的：

我在内容目录中添加了一个resume.md 文件，内容如下：

 ---
categories: ["resume"]
date: "2016-10-02T22:55:05-04:00"
tags: ["resume"]
title: "Resume"
showpagemeta: false
layout: "resume"
---

我在themes/mytheme/layouts/_default/resume.html添加了一个布局文件，内容如下：

<section id="resume">
 <div class="container">
      <h3>{{ .Site.Data.resume.name }}</h3>
      <div class="panel panel-default">
      <div class="panel-body">
      {{ range $i, $el := .Site.Data.resume.source }}
          <h5>
          <i class="{{ .icon }}"></i>&nbsp;&nbsp;
          <strong><a href="{{ $el.url }}">{{ $el.name }}</a></strong>&nbsp;-&nbsp;{{ $el.description }}
          </h5>
      {{ end }}
      </div>
      </div>
  </div>
</section>

我在data/resume.yml 中添加了以下内容：

name: Resume
source:
  - icon: foo
    url: bar
    name: baz
    description: foo bar baz

不幸的是，当我进入网页时，页面没有内容 - 具体来说，themes/mytheme/layouts/partials/{header.html,footer.html} 中定义的页眉和页脚以及themes/mytheme/static/css/main.css 中的 css 样式都按预期显示，但简历没有！

任何帮助将不胜感激。我使用的是 Hugo 版本：v0.40.1 linux/amd64。

谢谢！

【问题讨论】：

标签： hugo

【解决方案1】：

尝试像这样在 themes/mytheme/layouts/_default/resume.html 文件中插入部分片段：

{{ $baseurl := .Site.BaseURL }}
{{ partial "header.html" . }}
{{ partial "footer.html" . }}

<section id="resume">
    <div class="container">
        <h3>{{range .Site.Data.Resume.name }}</h3>
        <div class="panel panel-default">
            <div class="panel-body">
                {{ range $i, $el := .Site.Data.Resume.source }}
                <h5>
                    <i class="{{ .icon }}"></i>&nbsp;&nbsp;
                    <strong><a href="{{ $el.url }}">{{ $el.name }}</a></strong>&nbsp;-&nbsp;{{ $el.description }}
                </h5>
                {{ end }}
            </div>
        </div>
        {{ end }}
    </div>
</section>

您应该会看到一些更改，然后尝试进行相应的编辑。使用以下模式在模板中调用所有部分： {{ partial "<PATH>/<PARTIAL>.html" . }} 请按照这些特定的 GoHugo 文档来定制您对 Site.Data 和 Partials 的代码使用。如果需要加载本地文件，请使用 getJSON 和 getCSV，但源文件必须位于 Hugo 的工作目录中。

【讨论】：