Hugo PaperMod：アフィリエイト開示を記事ごとに設定可能にする
Hugoのテーマ PaperMod でアフィリエイト開示を記事ごとに設定可能にする方法を紹介する。 このブログではこれまで開示が必要な場合は記事本文に直接書いていた。が、その度に文言をコピペするのが手間だったので記事のパラメーターで簡単に設定できるようにした。 ...
Tech
Hugo PaperMod：言語切り替えUIをW3C推奨のネイティブ言語表記に変更する
Hugoのテーマ PaperMod の言語切り替えUIを、W3CのTipsに準拠した表記（日本語/English）に変更する方法を紹介する。標準設定の言語コード（Ja/En）表示は、以下のW3CのBestPracticeに反しているためだ。 ...
Hugo PaperMod：記事一覧を最終更新日順に並び替える
Hugoのテーマ PaperMod の記事一覧画面での並び順を、最終更新日の新しい順・降順に変更する方法を紹介する。このブログのように同じ記事に追記する形で更新することが多い場合、最新の状態を表すには記事の投稿日よりも最終更新日のほうが適しているからだ。 ...
Hugo PaperMod：記事の最終更新日を表示する
Hugoのテーマ PaperMod で記事の最終更新日を表示する。 Hugo PaperModはMinimal指向なので最終更新日を表示する設定は存在せず、本家へのPRも却下されている ため、見込みの薄い本家での実装を待つのではなく、カスタムレイアウトを用いて実装する。 ...
Hugo PaperMod：リンクカードのShortcodeを追加する
Hugoのテーマ PaperMod のスタイルに沿ったリンクカードをShortcodeとして追加して記事内で使えるようにする。また、OGP情報を手動でリンクカードに埋めるのは面倒なので指定したURLのOGP情報を元に自動でリンクカードを作成するNode.jsスクリプトも追加する。 ...
Hugo PaperMod：スマホの文字サイズを小さく調整する
Hugoのテーマ PaperMod は標準だとスマホ環境での文字サイズが大きすぎて読みにくいのでカスタムCSSで調整する。 参考: Bundling Custom css with theme’s assets | FAQs · adityatelange/hugo-PaperMod Wiki 動作環境 Windows 11 / Git Bash Hugo v0.164.0 / 標準ビルドでも動作可能 PaperMod v8.0 / 執筆時点の最新コミットを使用 $ hugo version hugo v0.164.0-ce2470e7012b5ab5fc4e10ebe4027e9f8d9e00dc+extended windows/amd64 BuildDate=2026-07-06T16:39:30Z VendorInfo=gohugoio $ cd themes/PaperMod && git log -1 --oneline 154d006 (HEAD -> master, origin/master, origin/HEAD) style(post-single): adjust padding for details summary element 導入手順 1. カスタムCSSを作成 assets/css/extended/custom.css を作成する。 ...
はじめての記事
Hugoを使って初めて記事を作成しました。