Hugo テーマ 6. layouts/home.html をいじる

2026-06-15 00:11:30 Hugo

最終更新日から %s 以上が経過しています。
内容が古くなっている可能性があるのでご注意ください。

トップページのレイアウト定義を編集します。

このレイアウトの方針

サイト内に複数あるセクションを一覧表示します。

汎用的に作るのであれば、サイトの説明文や SNS を含む管理者の情報などを入れるのも良いでしょう。

derty では、機能の大半は baseof.html に寄せています。

`home.html`

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
{{/* トップページ */}}
{{ define "main" }}
  <h1>{{ .Page.Title }}</h1>
  {{ .Page.Content }}

  <div class="list_container">
    <ul>
      {{/* セクションが増えてきたら調整するかも… */}}
      {{ range (.Paginate .Sections.ByTitle 100).Pages -}}
        {{ partial "page_as_listitem.html" . }}
      {{ end }}
    </ul>
    {{ partial "pagination.html" . }}
  </div>
{{ end }}
{{/* vim: set et ft=html sts=2 sw=2 ts=2 : */}}

セクションの一覧

いまのところページネーションするほどのセクション数にはなっていませんが、将来的には表示の仕方を考える必要が出てくるかもしれません。

.Paginate のところにある 100 を省略した場合、プロジェクトの設定が使われます。
ここでは将来のことを考えてか考えずか、セクションページやタグページとは異なる件数の表示をするため、あえて大きな数を指定しています。

出力結果の比較 (画像)

もともと	変更後

« Hugo テーマ 5. layouts/section.html をいじる «

» Hugo テーマ 7. layouts/baseof.html をいじる »