使用布局时 Hugo 页面不呈现
Hugo pages not rendering when using layout
我正在尝试向我的 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>
<strong><a href="{{ $el.url }}">{{ $el.name }}</a></strong> - {{ $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.
谢谢!
尝试像这样在 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>
<strong><a href="{{ $el.url }}">{{ $el.name }}</a></strong> - {{ $el.description }}
</h5>
{{ end }}
</div>
</div>
{{ end }}
</div>
</section>
您应该会看到一些变化,然后尝试进行相应的编辑。
使用以下模式在您的模板中调用所有部分:
{{ partial "<PATH>/<PARTIAL>.html" . }}
请按照这些特定的 GoHugo 文档为 Site.Data and Partials 定制您的代码使用。如果需要加载本地文件,使用getJSON和getCSV,但是源文件必须在Hugo的工作目录中。
我正在尝试向我的 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> <strong><a href="{{ $el.url }}">{{ $el.name }}</a></strong> - {{ $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.
谢谢!
尝试像这样在 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>
<strong><a href="{{ $el.url }}">{{ $el.name }}</a></strong> - {{ $el.description }}
</h5>
{{ end }}
</div>
</div>
{{ end }}
</div>
</section>
您应该会看到一些变化,然后尝试进行相应的编辑。
使用以下模式在您的模板中调用所有部分:
{{ partial "<PATH>/<PARTIAL>.html" . }}
请按照这些特定的 GoHugo 文档为 Site.Data and Partials 定制您的代码使用。如果需要加载本地文件,使用getJSON和getCSV,但是源文件必须在Hugo的工作目录中。