我正在尝试将页面添加到我的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版本:Linux / amd64 v0.40.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>
<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和Partials的代码用法。如果您需要加载本地文件,请使用getJSON和getCSV,但源文件必须位于Hugo的工作目录中。