【Hugo機能】記事にアイキャッチ画像(サムネイル)を設定して回遊率を高める方法
「記事のリンクを一覧で並べた時、文字だけだと少し寂しくてクリックされにくい…」 「記事の内容が一目見て直感的に伝わる画像（サムネイル）を表示したい！」
Posts
【Hugo機能】CSS変数とJSでサイトをダークモードに対応させる実装方法
「夜に見ると画面の白い背景が眩しすぎる！」 そんな読者のストレスを軽減するために、今どきのWebサイトやアプリには ダークモード (Dark Mode) の対応 …
【Hugo入門】セクション・カテゴリー・タグ(Taxonomy)の違いと使い分け・テンプレート設定
Hugoには記事を分類し構成するための強力な仕組みとして、主に セクション、カテゴリー、タグ という3つの概念が存在します。 しかし、初心者にとっては「結局サイ …
【Hugoレイアウト】トップページと記事ページでヘッダーデザイン(h1タグ)を切り替える条件分岐
自作テーマでレイアウトを組んでいると、「トップページ（Home）ではサイトの看板として名前をドーンと大きく表示したい！」けれど、「個別の記事ページでは主役である …
【Hugoカスタマイズ】Google FontsやMermaidなど外部ライブラリ・CSS/JSのスマートな読み込み方
「サイトの文字フォントをオシャレなWebフォントに変更したい！」 「リッチなスクロールアニメーションや図解描画のためのJavaScriptライブラリを導入したい …
【Hugo機能】回遊率を上げる「関連記事(Related Content)」の自動表示と設定カスタマイズ
「この記事の内容に興味を持ってくれた読者には、ぜひあっちのテーマの記事も合わせて読んでほしい！」 そう願っていても、読者が自力でサイト内を検索して関連する記事を …
【Hugo入門】記事の回遊率を高める「タグ(Tags)」の設定方法と活用メリット
サイト内の記事数が増えてくると、「この記事とあの記事は内容に関連性があるけれど、属している大元の『カテゴリー』はどうしても別々になってしまう…」と、整理の仕方に …
【Hugo機能】MarkdownのHTML変換をカスタマイズする「Render Hooks」の基礎と活用例
Hugoでテーマをカスタマイズしていると、「Markdownのシンプルな書き方はそのまま維持しつつ、最終的に出力されるHTMLのタグ構造だけを少し書き換えたい」 …
【Hugo設定】外部リンクだけ自動で別タブ(target="_blank")で開かせるRender Hooks設定
記事を執筆していると、「自分のサイト内の他のページへの内部リンクは同じ画面（タブ）のまま遷移させたいけれど、よそのサイトへ飛ぶ外部リンクに関しては新しいタブで開 …
【Hugoトラブル】Markdownで日本語の太字(Bold)が効かない原因と解決策
Hugoで記事を書いていると、たまに 「あれ？ Markdownで ** で囲んだのに太字にならない…？」 という経験はありませんか？ 特に、日本語の文章の中に …