Hugo テーマ

Hugo のテーマ作成解説

Hugo テーマ 1. はじめに | 2026-06-15 00:11:30 Hugo
連載「Hugo テーマ」を行う背景とその方針を説明します。
« more »
Hugo テーマ 2. まずは作ってみる | 2026-06-15 00:11:30 Hugo
テーマを作りプロジェクトに適用するところまでを解説します。
« more »
Hugo テーマ 3. 作られたファイル | 2026-06-15 00:11:30 Hugo
前回作ったテーマを構成するファイルを解説します。
« more »
Hugo テーマ 4. layouts/page.html をいじる | 2026-06-15 00:11:30 Hugo
コンテンツに対応するページのレイアウトを編集します。
« more »
Hugo テーマ 5. layouts/section.html をいじる | 2026-06-15 00:11:30 Hugo
content 内のディレクトリーに対応するレイアウト定義を編集します。
« more »
Hugo テーマ 6. layouts/home.html をいじる | 2026-06-15 00:11:30 Hugo
トップページのレイアウト定義を編集します。
« more »
Hugo テーマ 7. layouts/baseof.html をいじる | 2026-06-15 00:11:30 Hugo
サイト全体に共通する、ページのレイアウト定義を編集します。
« more »
Hugo テーマ 8. Shortcodes と Render hooks | 2026-06-15 00:11:30 Hugo
Markdown で記述したコンテンツ (テーマの利用側) に対して Hugo が用意した HTML 変換の仕組みを解説します。
« more »
Hugo テーマ 9. Pagefind でサイト内検索機能を付ける | 2026-06-15 00:11:30 Hugo
静的なインデックスを使った検索 UI を提供する Pagefind を組み込みます。
« more »