【Hugo入門】セクション・カテゴリー・タグ(Taxonomy)の違いと使い分け・テンプレート設定
Hugoには記事を分類し構成するための強力な仕組みとして、主に セクション、カテゴリー、タグ という3つの概念が存在します。 しかし、初心者にとっては「結局サイ …
Posts
【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で ** で囲んだのに太字にならない…？」 という経験はありませんか？ 特に、日本語の文章の中に …
【Hugoテーマ開発】Markdown記事を綺麗に見せるための必須CSSスタイリング集
Hugoでゼロからテーマを自作し始めたものの、「画像を挿入したら大きすぎてスマホ画面からはみ出した！」「表（テーブル）の枠線がなくて情報が読みづらい！」といった …
【Hugo設定】Chromaを使ったコードブロックのシンタックスハイライト設定
プログラミングに関する記事や技術ブログを運営するなら、ソースコードの要素ごとにカラフルに色分け表示される機能（シンタックスハイライト）は必須ですよね。 Hugo …