我正在尝试将一个页面添加到我的Hugo站点,但是,我在使页面呈现内容时遇到了麻烦(使用布局时 - 我可以在没有布局的情况下渲染内容).更具体地说,我想在我的网站上添加一个简历页面.这是我做的:
resume.md在我的内容目录中添加了一个文件,其中包含以下内容:Run Code Online (Sandbox Code Playgroud)--- categories: ["resume"] date: "2016-10-02T22:55:05-04:00" tags: ["resume"] title: "Resume" showpagemeta: false layout: "resume" ---
themes/mytheme/layouts/_default/resume.html,其中包含以下内容: Run Code Online (Sandbox Code Playgroud)<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:Run Code Online (Sandbox Code Playgroud)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>
Run Code Online (Sandbox Code Playgroud)
您应该看到一些更改,然后尝试相应的编辑.使用以下模式在模板中调用所有部分:
{{ partial "<PATH>/<PARTIAL>.html" . }}
请按照这些特定的GoHugo文档来定制Site.Data和Partials的代码用法.如果需要加载本地文件,请使用getJSON和getCSV,但源文件必须位于Hugo的工作目录中.
| 归档时间: |
|
| 查看次数: |
396 次 |
| 最近记录: |