【Hugoテーマ開発】トップページ(index.html)をカスタマイズして魅力的なサイトの顔を作ろう
ブログのコンテンツが増えてくると、トップページが「単なる新着記事の羅列」だけでは少し味気なく感じてくるものです。 今回は、トップページ専用のテンプレートファイル …
Posts
【Hugo入門】「_index.md」と「index.md」(Page Bundle)の違いと使い分け
Hugoにおいて、記事を保管する content フォルダは、「フォルダの階層構造がそのままサイトのURL構造に直結する」 という非常に重要な役割を持っています …
【Hugo小技】カテゴリーのURLを英語、表示タイトルを日本語にする方法(_index.md)
ブログにカテゴリーやタグ（Taxonomy）を設定する際、日本語（例：「プログラミング」）をそのまま指定すると、URLが %E3%83%97... のようなエン …
【Hugoカスタマイズ】オリジナルの404エラーページ(404.html)を作成する方法
読者がリンク切れやURLの入力ミスによって、サイト内に存在しないページへアクセスしてしまった時。 Hugo標準のそっけない「404 Page Not …
【Hugo設定】hugo.toml (config.toml) の基本と便利な設定項目
Hugoで構築したWebサイトのタイトルを変更したり、1ページあたりの記事表示件数を変えたり、Markdownの変換ルールを独自に調整したい時に編集するのが、プ …
【Hugo入門】プロジェクトのフォルダ構成と役割(content, layouts, static)
hugo new site コマンドを実行したばかりの時、一気にたくさんのフォルダが作成されて「どれをどのように使えばいいのだろう？」と戸惑ってしまう方は多いは …
【Hugoテーマ開発】layoutsフォルダのファイル構成と各テンプレートの役割
Hugoのテーマフォルダ（layouts/）の内部には、baseof.html や list.html など様々な名前のHTMLファイルが格納されています。 「 …
【Hugo入門】テンプレート変数の基礎とよく使う関数一覧
Hugoでテーマ自作をしていると、テンプレートファイル (page.html など) の中に {{ }} で囲まれた謎の文字列がたくさん出てきますよね。 この暗 …
【Hugo超入門】開発でよく使う基本コマンド一覧(server, new, build)
Hugoの操作は基本的にターミナル（WindowsならPowerShell、Macならターミナルアプリなど）からコマンドを打ち込んで行います。「黒い画面は苦手」 …
【Hugo初心者向け】記事の書き方入門：MarkdownとFront Matterの基礎
hugo new コマンドで記事のファイル（.md）を作成した直後、ファイルを開いてみて「先頭にある謎の記号は何だろう」「HTMLを書かなきゃいけないのかな」と …