
【Hugo Pipes】長大な画像の自動リサイズ・WebP軽量化(Image Processing)
「スマートフォンで撮影した高解像度の写真をそのまま記事に載せたら、ページの表示速度が極端に遅くなってしまった…」 「記事一覧に並ぶサムネイル画像のアスペクト比( …

「スマートフォンで撮影した高解像度の写真をそのまま記事に載せたら、ページの表示速度が極端に遅くなってしまった…」 「記事一覧に並ぶサムネイル画像のアスペクト比( …

+++ 「記事のリンクを一覧で並べた時、文字だけだと少し寂しくてクリックされにくい…」 「記事の内容が一目見て直感的に伝わる画像(サムネイル)を表示したい!」

+++ サイト内の記事数が増えてくると、「この記事とあの記事は内容に関連性があるけれど、属している大元の『カテゴリー』はどうしても別々になってしまう…」と、整理 …

+++ Hugoでテーマをカスタマイズしていると、「Markdownのシンプルな書き方はそのまま維持しつつ、最終的に出力されるHTMLのタグ構造だけを少し書き換 …

Hugoで記事を書いていると、たまに 「あれ? Markdownで ** で囲んだのに太字にならない…?」 という経験はありませんか? 特に、日本語の文章の中に …

プログラミングに関する記事や技術ブログを運営するなら、ソースコードの要素ごとにカラフルに色分け表示される機能(シンタックスハイライト)は必須ですよね。 Hugo …

Hugoで記事を書いていると、「ここにYouTube動画のプレーヤーを埋め込みたい」「目立つデザインの警告ボックス(Alert)を挿入したい」といったように …

ブログの連載記事やチュートリアルが増えてくると、「あの記事のファイルはどこに置いたっけ?」「書く順番通りにエディタ上で並んでほしい」といった管理の悩みが生まれま …

Hugoにおいて、記事を保管する content フォルダは、「フォルダの階層構造がそのままサイトのURL構造に直結する」 という非常に重要な役割を持っています …

hugo new コマンドで記事のファイル(.md)を作成したけれど、「実際に中身はどうやって書けばいいの?」「先頭にある謎の記号は何?」 と戸惑う方も多いでし …