【拡張】Markdownの変換ルールを自在に操る（Markdown Render Hooks）
Hugoを使っていると、「Markdownで書いたテーブルをもっと綺麗に見せたい」「画像には必ず特定のクラスを付けたい」といった要望が出てくることがあります。
Posts
【Hugo機能】記事にコメント欄を設置する外部サービス「Disqus」の導入方法
+++ 「公開した記事に対して、読者から直接感想が聞きたい！」 「難しかった手順について、直接質問を受け付けたい！」 Webサイトを運営していると必ずそのような …
【Hugoカスタマイズ】記事下にX(Twitter)やFacebookの「SNSシェアボタン」を自作して設置する方法
+++ 「時間をかけて執筆した力作の記事、一人でも多くの人に読んでもらいたい！」 サイト運営者であれば誰しもがそう願うはずです。記事を拡散（バズ）させるためには …
【Hugo設定】開発・テスト環境を検索エンジンから隠すrobots.txtの自動切り替え
+++ 「開発途中のテスト用サイトが、いつの間にかGoogle検索の設定結果に出てきてしまった😱」 これはWeb開発やブログ立ち上げ時によくある重大な失敗（ミス …
【Hugoカスタマイズ】ページごとにデザインを変える！動的Bodyクラスの活用技術
+++ 「トップページ（Home）だけは背景色を黒にしたい」 「特定のカテゴリー（newsなど）の記事だけ、フォントやレイアウトを特別に変えたい」 「ある1つの …
【Hugo設定】複数デバイス(PC/スマホ/PWA)向けファビコン(Favicon)の最適な設定方法
+++ Webサイトのシンボルマークとも言える「ファビコン (Favicon)」。 設定しておくことで、PCブラウザの枠内のタブやブックマーク一覧はもちろん、ユ …
【Hugo Pipes】長大な画像の自動リサイズ・WebP軽量化(Image Processing)
「スマートフォンで撮影した高解像度の写真をそのまま記事に載せたら、ページの表示速度が極端に遅くなってしまった…」 「記事一覧に並ぶサムネイル画像のアスペクト比（ …
【Hugo機能】Fuse.jsを使った高速なサイト内検索の実装方法
+++ サイトの運営期間が長くなり記事の数が増えてくると、読者が「以前読んだあの記事、どこだったかな？」と過去の情報を探すのが難しくなります。 そこで必須となる …
【Hugo設定】SEO対策とSNSシェア(OGP・Twitter Card)のメタタグ自動出力設定
+++ ブログ記事を公開した後、読者がX (旧Twitter) やLINE、FacebookなどのSNSでリンクをシェアしてくれた際に、「目を引くようなきれいな …
【Hugoカスタマイズ】タグ・カテゴリーの一覧ページ(terms.html)をタグクラウド風にデザインする方法
+++ ブログ記事に「タグ」や「カテゴリー」を付けて分類していくと、「サイト内の全タグとそれぞれの件数が知りたい！」「どの分類にどれくらい記事があるのか全体像を …