ルートディレクトリ/content/postsフォルダ内にある.mdを記事一覧として表示したい。

前提

Hestia Pure | Hugo Themes
上記テーマを元に、Hugoでブログを作成しています。
下記ディレクトリ構造になっています。

root
├ content
│      ├ posts - a.md
└ etc  └ pages   b.md
                 c.md

postsフォルダにある.mdファイルがブログの記事です。
pagesフォルダにはaboutページやプライバシーポリシーページなどが入っています。

Hugoのバージョンは、v0.59.1です。

発生している問題

トップページを開くとpostsという名前のリンクカードのみが表示され、postsリンクカードをクリックすると、postsの中にあるa.md, b.md, c.mdなどのブログ記事へのリンクカードが表示しています。

実現したいこと

トップページを開くとpostsフォルダの中にあるa.md, b.md, c.mdなどのブログ記事へのリンクカードを表示させたいです。

該当のソースコード

index.html

html
1<body>
2  <div id="wrap" class="wrap">
3    {{ partial "header" . }}
4    <main class="main">
5      <section class="articles">
6        <div class="pure-g">
7          {{ $paginator := .Paginate (where .Data.Pages "Type" "posts") 20 }}
8          {{ range (.Paginator 12).Pages }}
9          {{ .Render "li" }}
10          {{ end }}
11        </div>
12      </section>
13    </main>
14    {{ partial "footer" . }}
15  </div>
16  {{ partial "js" . }}
17</body>
18

index.htmlの{{ .Render "li" }}で表示される、li.html

html
1<article class="card pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
2  <a class="card__thumb" href="{{ .Permalink }}">
3    <img
4      src="{{ if and (.Params.image) (ne .Params.image "") }}/{{ .Params.image }}{{ else }}/img/notfound.jpg{{ end }}"
5      alt="">
6  </a>
7  <a href="{{ .Permalink }}">
8    <h3>{{ .Title }}</h3>
9  </a>
10</article>

試したこと

上記ソースコードのindex.htmlにあります下記部分は、

html
1{{ $paginator := .Paginate (where .Data.Pages "Type" "posts") 20 }}
2{{ range (.Paginator 12).Pages }}
3{{ .Render "li" }}
4{{ end }}

下記ページの書き方をコピペしました。
【Hugo】固定ページを作る – Snaplog
参考にしたページによると、これで記事一覧がトップページに来るようになっているようですが、私の環境だと発生している問題の項に記載しました状態です。

そのほかに必要な情報がありましたらご連絡ください。
何卒宜しくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

index.htmlを以下のように変更して試してみてください。

html
1<body>
2  <div id="wrap" class="wrap">
3    {{ partial "header" . }}
4    <main class="main">
5      <section class="articles">
6        <h2>Recent Post</h2>
7        <div class="pure-g">
8          {{ $paginator := .Paginate ( where .Site.RegularPages "Section" "posts" ) }}
9          {{ range ( $paginator.Pages ) 20}}
10                  {{ .Render "li" }}
11          {{ end }}
12        </div>
13      </section>
14      {{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
15        <nav class="pagination">
16          {{ if .Paginator.HasPrev }}
17          <a class="pagination__link pagination__link--prev" href="{{ .Paginator.Prev.URL }}">&lt; Prev</a>
18          {{ end }}
19          <span class="pagination__current">{{ .Paginator.PageNumber}} / {{ .Paginator.TotalPages }} Page</span>
20          {{ if .Paginator.HasNext }}
21          <a class="pagination__link pagination__link--next" href="{{ .Paginator.Next.URL }}">Next &gt;</a>
22          {{ end }}
23        </nav>
24        {{ end }}
25    </main>
26    {{ partial "footer" . }}
27  </div>
28{{ partial "js" . }}
29</body>