【Hugo機能】Fuse.jsを使った高速なサイト内検索の実装方法
+++ サイトの運営期間が長くなり記事の数が増えてくると、読者が「以前読んだあの記事、どこだったかな？」と過去の情報を探すのが難しくなります。 そこで必須となる …
Feature
【Hugo設定】SEO対策とSNSシェア(OGP・Twitter Card)のメタタグ自動出力設定
+++ ブログ記事を公開した後、読者がX (旧Twitter) やLINE、FacebookなどのSNSでリンクをシェアしてくれた際に、「目を引くようなきれいな …
【Hugo機能】記事一覧を分割表示する「ページネーション(Pagination)」の実装方法
サイトを長く運営して記事数が数十、数百と増えてくると、トップページやカテゴリーの一覧ページが果てしなく縦に長くなりすぎてしまい、読者にとって非常に見づらく（ロー …
【Hugoカスタマイズ】Mermaid.jsを導入してテキストだけで図解(フローチャート等)を描画する方法
「百聞は一見にしかず」。 複雑なシステムの仕組みや業務フローなどを説明する際、文字だけの文章よりも直感的な「図解」が添えられている方が圧倒的に伝わりやすいですよ …
【Hugo機能】記事にアイキャッチ画像(サムネイル)を設定して回遊率を高める方法
+++ 「記事のリンクを一覧で並べた時、文字だけだと少し寂しくてクリックされにくい…」 「記事の内容が一目見て直感的に伝わる画像（サムネイル）を表示したい！」
【Hugo機能】CSS変数とJSでサイトをダークモードに対応させる実装方法
+++ 「夜に見ると画面の白い背景が眩しすぎる！」 そんな読者のストレスを軽減するために、今どきのWebサイトやアプリには ダークモード (Dark Mode) …
【Hugo機能】回遊率を上げる「関連記事(Related Content)」の自動表示と設定カスタマイズ
「この記事の内容に興味を持ってくれた読者には、ぜひあっちのテーマの記事も合わせて読んでほしい！」 そう願っていても、読者が自力でサイト内を検索して関連する記事を …
【Hugo設定】外部リンクだけ自動で別タブ(target="_blank")で開かせるRender Hooks設定
記事を執筆していると、「自分のサイト内の他のページへの内部リンクは同じ画面（タブ）のまま遷移させたいけれど、よそのサイトへ飛ぶ外部リンクに関しては新しいタブで開 …
【Hugo機能】記事の見出しから目次(TOC)を自動生成・表示する方法
解説記事や技術ドキュメントなど文章が長くなってくると、読者が途中で迷子になったり、読みたいトピックをすぐに見つけられなかったりすることがありますよね。 Hugo …
【Hugo入門】ブログ以外の新セクション(News等)を作成して別デザインを適用する方法
これまで、すべての記事データは content/posts の中（ブログ専用セクション）に作成してきました。 しかし、実際のWebサイト運用においては、ブログ以 …