https://rurigani.com/categories/tech/ Recent content in Tech on るりがにダイアリー https://rurigani.com/images/default-cover.jpg https://rurigani.com/categories/tech/ Hugo ja-JP Thu, 23 Jul 2026 17:23:46 +0900 https://rurigani.com/2026/07/23/hugo-papermod-affiliate-disclosure/ Thu, 23 Jul 2026 18:00:00 +0900 2026-07-23T17:23:46+09:00 https://rurigani.com/2026/07/23/hugo-papermod-affiliate-disclosure/ Hugoのテーマ PaperMod でアフィリエイト開示を記事ごとに設定可能にする方法を紹介する。 このブログではこれまで開示が必要な場合は記事本文に直接書いていた。が、その度に文言をコピペするのが手間だったので記事のパラメーターで簡単に設定できるようにした。 https://rurigani.com/2026/07/22/hugo-papermod-w3c-language-navigation/ Wed, 22 Jul 2026 23:00:00 +0900 2026-07-22T23:00:00+09:00 https://rurigani.com/2026/07/22/hugo-papermod-w3c-language-navigation/ Hugoのテーマ PaperMod の言語切り替えUIを、W3CのTipsに準拠した表記（日本語/English）に変更する方法を紹介する。標準設定の言語コード（Ja/En）表示は、以下のW3CのBestPracticeに反しているためだ。 https://rurigani.com/2026/07/20/hugo-papermod-lastmod-desc-sort/ Mon, 20 Jul 2026 19:30:19 +0900 2026-07-20T19:30:19+09:00 https://rurigani.com/2026/07/20/hugo-papermod-lastmod-desc-sort/ Hugoのテーマ PaperMod の記事一覧画面での並び順を、最終更新日の新しい順・降順に変更する方法を紹介する。このブログのように同じ記事に追記する形で更新することが多い場合、最新の状態を表すには記事の投稿日よりも最終更新日のほうが適しているからだ。 https://rurigani.com/2026/07/15/hugo-papermod-show-lastmod/ Wed, 15 Jul 2026 12:00:00 +0900 2026-07-15T12:00:00+09:00 https://rurigani.com/2026/07/15/hugo-papermod-show-lastmod/ Hugoのテーマ PaperMod で記事の最終更新日を表示する。 Hugo PaperModはMinimal指向なので最終更新日を表示する設定は存在せず、本家へのPRも却下されている ため、見込みの薄い本家での実装を待つのではなく、カスタムレイアウトを用いて実装する。 https://rurigani.com/2026/07/15/hugo-papermod-linkcard-shortcode/ Wed, 15 Jul 2026 00:00:00 +0900 2026-07-15T00:00:00+09:00 https://rurigani.com/2026/07/15/hugo-papermod-linkcard-shortcode/ Hugoのテーマ PaperMod のスタイルに沿ったリンクカードをShortcodeとして追加して記事内で使えるようにする。また、OGP情報を手動でリンクカードに埋めるのは面倒なので指定したURLのOGP情報を元に自動でリンクカードを作成するNode.jsスクリプトも追加する。 https://rurigani.com/2026/07/13/hugo-papermod-mobile-font-size/ Mon, 13 Jul 2026 22:00:00 +0900 2026-07-13T22:00:00+09:00 https://rurigani.com/2026/07/13/hugo-papermod-mobile-font-size/ 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 を作成する。 https://rurigani.com/2024/11/06/first-post/ Wed, 06 Nov 2024 16:17:20 +0900 2024-11-06T16:17:20+09:00 https://rurigani.com/2024/11/06/first-post/ Hugoを使って初めて記事を作成しました。