パンくずしたい(/layouts/partials/breadcrumbs.html
)
<nav>
<ul>
{{- range .Ancestors.Reverse }}
<li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li> /
{{- end }}
<li>{{ .LinkTitle }}</li>
</ul>
</nav>
<nav>
<ul>
<li><a href="URL">親の親ページのタイトル</a></li> /
<li><a href="URL">親ページのタイトル</a></li> /
<li>現在ページのタイトル</li>
</ul>
</nav>
Hugo Codexのブログ記事にあったコードを拝借しました。
Hugo v0.109のリリースで.Ancestors
が追加され、パンくずリストの作成が簡単になったそうです。
.Ancestors
は現在のページからトップページまで遡ったページ情報が順番に格納されるページ変数です。
.Ancestors.Reverse
で逆順にすることで、いわゆる「パンくずリスト」の順番でページを取り出しています。