雨果页面使用布局时未呈现

时间:2018-09-05 00:01:47

标签: hugo

我正在尝试将页面添加到我的Hugo网站,但是,我在获取页面以呈现内容方面遇到麻烦(使用布局时-我可以在没有布局的情况下呈现内容)。更具体地说,我想将简历页面添加到我的网站。这是我所做的:

  1. 我在内容目录中添加了一个resume.md文件,其中包含以下内容:
 ---
categories: ["resume"]
date: "2016-10-02T22:55:05-04:00"
tags: ["resume"]
title: "Resume"
showpagemeta: false
layout: "resume"
---
  1. 我在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>
  1. 我在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版本:Linux / amd64 v0.40.1。

谢谢!

1 个答案:

答案 0 :(得分:7)

尝试像这样在您的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.DataPartials的代码用法。如果您需要加载本地文件,请使用getJSON和getCSV,但源文件必须位于Hugo的工作目录中。