https://rurigani.com/en/tags/hugo/ Recent content in Hugo on Rurigani Diary https://rurigani.com/images/default-cover.jpg https://rurigani.com/images/default-cover.jpg Hugo en-US Mon, 13 Jul 2026 23:40:42 +0900 https://rurigani.com/en/2026/07/13/hugo-papermod-mobile-font-size/ Mon, 13 Jul 2026 22:00:00 +0900 Mon, 13 Jul 2026 23:40:42 +0900 https://rurigani.com/en/2026/07/13/hugo-papermod-mobile-font-size/ <p>Hugo&rsquo;s PaperMod theme uses text that is too large on smartphones by default, so I adjust it with custom CSS.</p> <p>Reference: <a href="https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs#bundling-custom-css-with-themes-assets">Bundling Custom css with theme&rsquo;s assets | FAQs · adityatelange/hugo-PaperMod Wiki</a></p> <h2 id="environment">Environment</h2> <ul> <li>Windows 11 / Git Bash</li> <li>Hugo v0.164.0 (this method also works with the standard build)</li> <li>PaperMod v8.0 (pulled in through the latest commit at the time)</li> </ul> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>$ hugo version </span></span><span style="display:flex;"><span>hugo v0.164.0-ce2470e7012b5ab5fc4e10ebe4027e9f8d9e00dc+extended windows/amd64 BuildDate<span style="color:#f92672">=</span>2026-07-06T16:39:30Z VendorInfo<span style="color:#f92672">=</span>gohugoio </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>$ cd themes/PaperMod <span style="color:#f92672">&amp;&amp;</span> git log -1 --oneline </span></span><span style="display:flex;"><span>154d006 <span style="color:#f92672">(</span>HEAD -&gt; master, origin/master, origin/HEAD<span style="color:#f92672">)</span> style<span style="color:#f92672">(</span>post-single<span style="color:#f92672">)</span>: adjust padding <span style="color:#66d9ef">for</span> details summary element </span></span></code></pre></div><h2 id="setup-steps">Setup Steps</h2> <h3 id="1-create-the-custom-css">1. Create the custom CSS</h3> <p>Create <code>assets/css/extended/custom.css</code>.</p>