欲しいものリスト

phoenix-powerHugoにアーカイブページを作成する方法

Hugoに全記事一覧を分かりやすく表示するページを作成します。以下の記事でだいたいわかると思います。

https://parsiya.net/blog/2016-02-14-archive-page-in-hugo/

自分の場合は、以下の様なレイアウト。

layouts/archive/single.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{{ partial "head" . }}
{{ partial "header" . }}
<div id="container">
   <div class="outer">
        <div id="blog-archives" class="category">
          {{ .Content }}
          {{ range (where .Site.Pages "Type" "post") }}
            <h1>
      <time datetime="{{ .Date }}" itemprop="datePublished">{{ .Date.Format .Site.Params.date_format }}</time>
                <a href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a>
            </h1>
          {{ end }}
        </div>
    </div>
</div>
{{ partial "footer" . }}
</body>
</html>

あまりカスタマイズしていません。