代码之家  ›  专栏  ›  技术社区  ›  James Allingham

使用布局时不呈现Hugo页面

  •  2
  • James Allingham  · 技术社区  · 6 年前

    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

    任何帮助都将不胜感激。我使用的是雨果版本:v0.40.1linux/amd64。

    谢谢!

    1 回复  |  直到 6 年前
        1
  •  9
  •   sparsh    6 年前

    试着在你的语言中插入partials 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.Data Partials