【Hugo機能】記事にコメント欄を設置する外部サービス「Disqus」の導入方法
+++ 「公開した記事に対して、読者から直接感想が聞きたい！」 「難しかった手順について、直接質問を受け付けたい！」 Webサイトを運営していると必ずそのような …
Config
【Hugo設定】開発・テスト環境を検索エンジンから隠すrobots.txtの自動切り替え
+++ 「開発途中のテスト用サイトが、いつの間にかGoogle検索の設定結果に出てきてしまった😱」 これはWeb開発やブログ立ち上げ時によくある重大な失敗（ミス …
【Hugo設定】複数デバイス(PC/スマホ/PWA)向けファビコン(Favicon)の最適な設定方法
+++ Webサイトのシンボルマークとも言える「ファビコン (Favicon)」。 設定しておくことで、PCブラウザの枠内のタブやブックマーク一覧はもちろん、ユ …
【Hugo Pipes】長大な画像の自動リサイズ・WebP軽量化(Image Processing)
「スマートフォンで撮影した高解像度の写真をそのまま記事に載せたら、ページの表示速度が極端に遅くなってしまった…」 「記事一覧に並ぶサムネイル画像のアスペクト比（ …
【Hugo設定】SEO対策とSNSシェア(OGP・Twitter Card)のメタタグ自動出力設定
+++ ブログ記事を公開した後、読者がX (旧Twitter) やLINE、FacebookなどのSNSでリンクをシェアしてくれた際に、「目を引くようなきれいな …
世界へ発信！サイトの多言語化 (i18n)
Hugoは標準で強力な多言語（Multilingual）機能を持っています。 今回は、「ボタンやメニューなどの共通部分」 を多言語化する方法を学びます。
【Hugo運用】Hugoのバージョン確認・アップデート手順と注意点(Windows/Mac)
静的サイトジェネレーターのHugoは世界的にも開発が非常に活発で、頻繁に新しいバージョンがリリースされています。 新しい機能をテーマに取り入れたり、バグ修正やビ …
【Hugo小技】カテゴリーのURLを英語、表示タイトルを日本語にする方法(_index.md)
ブログにカテゴリーやタグ（Taxonomy）を設定する際、日本語（例：「プログラミング」）をそのまま指定すると、URLが %E3%83%97... のようなエン …
【Hugo設定】hugo.toml (config.toml) の基本と便利な設定項目
Hugoで構築したWebサイトのタイトルを変更したり、1ページあたりの記事表示件数を変えたり、Markdownの変換ルールを独自に調整したい時に編集するのが、プ …
【Hugo入門】プロジェクトのフォルダ構成と役割(content, layouts, static)
hugo new site コマンドを実行したばかりの時、一気にたくさんのフォルダが作成されて「どれをどのように使えばいいのだろう？」と戸惑ってしまう方は多いは …