テンプレート
テンプレート
テンプレートは、HTMLファイルのデザイン(構造)を決定する要素です。
Hugoのテンプレートは、Goのhtml/templateとtext/templateライブラリをもとにしています。テンプレートの中では、GoやHugoの変数や関数を利用することができます。
概要
HTMLファイルのデザイン(構造)をテンプレートで定義して、マークダウンなどで記述したコンテンツをその内部に取り込んで、最終的なHTMLファイルを作成します。
テンプレートには、いくつかの種類があります。サイト全体のデザインを決める「ベーステンプレート」、セクションページ用の「セクションテンプレート」、個別のページ用の「シングルテンプレート」などがあります。
ベーステンプレートで、サイト全体のデザインを定義します。その中で、ページの種別により異なる内容を記述する部分を、「ブロック」として、ページ種別ごとのテンプレートから挿入することができます。
種類
テンプレートには、以下のような種類があります(全てではありません)。詳細は、テンプレートを参照してください。
| 名称 | ファイル名 | 用途 |
|---|---|---|
| ホームページテンプレート | index.html | トップページのデザイン |
| ベーステンプレート | baseof.html | サイト全体のデザイン |
| セクションページテンプレート | section.html | セクションページのデザイン |
| リストページテンプレート | list.html | リストページのデザイン |
| シングルページテンプレート | single.html | シングルページのデザイン |
| パーシャルテンプレート | <name>.html | テンプレート内から呼び出す |
| 404ページ | 404.html | 404ページ |
| robots.txt | robots.txt | robots.txt |
メニュー
決定規則(検索順序)
Hugoのテンプレートの決定規則(検索順序)をまとめます。
使い方
Hugoのテンプレートの使い方をまとめます。
ページネーション
Hugoのページネーションの使い方をまとめます。
パンくずリスト
Hugoでパンくずリストを作成します。
Markdown Render Hooks
HugoのMarkdown Render Hooksの使い方を紹介します。
ショートコード
Hugoのショートコードの使い方を紹介します。
コンテンツ分類(Taxonomy)
Hugoのコンテンツ分類(Taxonomy)の使い方を紹介します。