hugo pagination

Hugo では .Paginator を使うことでページネーションを簡単に実装できる。

記事の一覧表示

第1引数でページあたりの件数を指定する:

{{- range (.Paginator 10).Pages }}
<div>{{ .Content }}</div>
{{- end }}

前後ページへのナビゲーション

{{- if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
<nav role="pagination">
  {{- if .Paginator.HasPrev }}
  <a href="{{ .Paginator.Prev.URL }}">Prev</a>
  {{- end }}
  <span>Page {{ .Paginator.PageNumber }} of {{ .Paginator.TotalPages }}</span>
  {{- if .Paginator.HasNext }}
  <a href="{{ .Paginator.Next.URL }}">Next</a>
  {{- end }}
</nav>
{{end}}