首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用布局时未呈现的Hugo页面

使用布局时未呈现的Hugo页面
EN

Stack Overflow用户
提问于 2018-09-05 00:01:46
回答 1查看 1.6K关注 0票数 3

我正试图向我的Hugo站点添加一个页面,但是,我在获取页面来呈现内容时遇到了麻烦(当我使用布局时,我可以在没有布局的情况下获得呈现的内容)。更具体地说,我想添加一个简历页面到我的网站。以下是我所做的:

  1. 我将一个resume.md文件添加到我的内容目录中,其中包含以下内容:

-类别:“简历”日期:"2016-10-02T22:55:05-04:00“标签:”简历“标题:”简历“显示页面:错误布局:”简历“

  1. 我在themes/mytheme/layouts/_default/resume.html中添加了一个布局文件,其内容如下:

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

名称:简历来源:-图标: foo url: bar名称: baz描述: foo bar baz

不幸的是,当我去到网页时,页面没有任何内容--具体而言,themes/mytheme/layouts/partials/{header.html,footer.html}中定义的页眉和页脚以及来自themes/mytheme/static/css/main.css的css样式都如预期的那样显示,但简历没有显示!

任何帮助都将不胜感激。我使用的是Hugo版本:v0.40.1Linux/ am 64。

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-05 08:14:54

尝试在您的themes/mytheme/layouts/_default/resume.html文件中插入如下部分:

代码语言:javascript
复制
{{ $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部分数定制代码使用。如果需要加载本地文件,请使用getJSON和getCSV,但是源文件必须驻留在Hugo的工作目录中。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52175372

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档