【Hugo Pipes】長大な画像の自動リサイズ・WebP軽量化(Image Processing)
「スマートフォンで撮影した高解像度の写真をそのまま記事に載せたら、ページの表示速度が極端に遅くなってしまった…」 「記事一覧に並ぶサムネイル画像のアスペクト比（ …
Content
【Hugo機能】記事にアイキャッチ画像(サムネイル)を設定して回遊率を高める方法
+++ 「記事のリンクを一覧で並べた時、文字だけだと少し寂しくてクリックされにくい…」 「記事の内容が一目見て直感的に伝わる画像（サムネイル）を表示したい！」
【Hugo入門】記事の回遊率を高める「タグ(Tags)」の設定方法と活用メリット
+++ サイト内の記事数が増えてくると、「この記事とあの記事は内容に関連性があるけれど、属している大元の『カテゴリー』はどうしても別々になってしまう…」と、整理 …
【Hugo機能】MarkdownのHTML変換をカスタマイズする「Render Hooks」の基礎と活用例
+++ Hugoでテーマをカスタマイズしていると、「Markdownのシンプルな書き方はそのまま維持しつつ、最終的に出力されるHTMLのタグ構造だけを少し書き換 …
【Hugoトラブル】Markdownで日本語の太字(Bold)が効かない原因と解決策
Hugoで記事を書いていると、たまに 「あれ？ Markdownで ** で囲んだのに太字にならない…？」 という経験はありませんか？ 特に、日本語の文章の中に …
【Hugo設定】Chromaを使ったコードブロックのシンタックスハイライト設定
プログラミングに関する記事や技術ブログを運営するなら、ソースコードの要素ごとにカラフルに色分け表示される機能（シンタックスハイライト）は必須ですよね。 Hugo …
【Hugoカスタマイズ】自作ショートコードの作り方：Markdown内で使える警告ボックス
Hugoで記事を書いていると、「ここにYouTube動画のプレーヤーを埋め込みたい」「目立つデザインの警告ボックス（Alert）を挿入したい」といったように …
【Hugo設定】記事のファイル名を連番管理しつつ、URL(slug)を綺麗に保つ方法
ブログの連載記事やチュートリアルが増えてくると、「あの記事のファイルはどこに置いたっけ？」「書く順番通りにエディタ上で並んでほしい」といった管理の悩みが生まれま …
【Hugo入門】「_index.md」と「index.md」(Page Bundle)の違いと使い分け
Hugoにおいて、記事を保管する content フォルダは、「フォルダの階層構造がそのままサイトのURL構造に直結する」 という非常に重要な役割を持っています …
【Hugo初心者向け】記事の書き方入門：MarkdownとFront Matterの基礎
hugo new コマンドで記事のファイル（.md）を作成したけれど、「実際に中身はどうやって書けばいいの？」「先頭にある謎の記号は何？」 と戸惑う方も多いでし …