雨果清单页面无法正确呈现主题

时间:2020-04-09 22:47:15

标签: html css hugo

尝试在列表页面上显示小节标题时遇到了一个奇怪的问题。与该主题中的单个页面(即hugo编码器)相比,列表页面及其子页面上的文本(如下图所示)太小且左侧太多。

另一个问题是/content/projects/_index.md中的内容根本没有呈现。

enter image description here

我唯一要做的就是在list.html中添加一个/layouts/projects文件。为什么会发生这种情况,如何使列表页面更正确?谢谢!! (GitHub repowebsite。)

{{ define "title" }}
  {{ .Title }} · {{ .Site.Title }}
{{ end }}

{{ define "content" }}

  {{ if (eq $.Parent.Title "Projects") }}
    <ul class="no-bullet">
      {{ range .Paginator.Pages }}
      {{ .Render "li" }}
      {{ end }}
    </ul>
    {{ partial "pagination.html" . }}

  {{ else }}
    {{ range (where .Site.Pages "Section" "projects") }}
      <ul class="no-bullet">
        {{ range .Sections }}
        <li>
            <span class="date">{{ .Date.Format (.Site.Params.dateFormat | default "January 2, 2006" ) }}</span>
            <a class="title" href="{{ .Params.ExternalLink | default .RelPermalink }}">{{ .Title }}</a>
        </li>
        {{ end }}
      </ul>
     {{ end }}
   {{ end }}

{{ end }}

原始帖子:/content/projects下,我有两个单独的类别,csds。我希望创建一个列表页面,以显示这两个类别的名称以及两者的URL。我知道人们以前也问过类似的问题。但是,我尝试过的所有解决方案都不适合我。

下面是我的文件夹结构(仅相关文件夹)以及/layouts/_default/list.html/layouts/partial/list.html中的原始代码。我应该修改哪些文件以及如何正确显示子节?非常感谢!!

/layouts/_default中:

{{ define "title" }} {{- if eq .Kind "taxonomy" -}}
  {{- i18n .Data.Singular | title -}}
    {{- print ": " -}}
  {{- end -}}

  {{- .Title }} · {{ .Site.Title -}}
{{ end }}
{{ define "content" }}
   {{ partial "list.html" . }}
{{ end }}

/layouts/partial中:

<section class="container list">
  <h1 class="title">
    {{- if eq .Kind "taxonomy" -}}
      {{- i18n .Data.Singular | title -}}
      {{- print ": " -}}
    {{- end -}}

    {{- .Title -}}
  </h1>
  {{ .Content }}
  <ul>
    {{ range .Paginator.Pages }}
    <li>
      <span class="date">{{ .Date.Format (.Site.Params.dateFormat | default "January 2, 2006" ) }}</span>
      <a class="title" href="{{ .Params.ExternalLink | default .RelPermalink }}">{{ .Title }}</a>
    </li>
    {{ end }}
  </ul>
  {{ partial "pagination.html" . }}
</section>

contentlayout的文件夹结构:

├── content
│   ├── about.md
│   ├── posts
│   │   └── amazon.md
│   └── projects
│       ├── _index.md
│       ├── cs
│       │   ├── _index.md
│       │   └── covid19.md
│       └── ds
│           ├── _index.md
│           └── covid19.md
├── layouts
│   ├── 404.html
│   ├── _default
│   │   ├── baseof.html
│   │   ├── list.html
│   │   └── single.html
│   ├── index.html
│   ├── partials
│   │   ├── 404.html
│   │   ├── analytics
│   │   │   └── fathom.html
│   │   ├── footer.html
│   │   ├── header.html
│   │   ├── home.html
│   │   ├── list.html
│   │   ├── page.html
│   │   ├── pagination.html
│   │   ├── posts
│   │   │   ├── commento.html
│   │   │   ├── disqus.html
│   │   │   ├── math.html
│   │   │   ├── series.html
│   │   │   └── utteranc.html
│   │   └── taxonomy
│   │       ├── categories.html
│   │       └── tags.html
│   ├── posts
│   │   ├── li.html
│   │   ├── list.html
│   │   └── single.html
│   └── projects
│       └── list.html
...

0 个答案:

没有答案