http://beacon-demo.starry-s.moe/tags/hugo/Recent content in Hugo on Beacon DemoHugoen-USWed, 08 Jul 2026 10:15:00 +0800http://beacon-demo.starry-s.moe/posts/building-a-fast-static-site/Wed, 08 Jul 2026 10:15:00 +0800http://beacon-demo.starry-s.moe/posts/building-a-fast-static-site/<p>Static sites are fast by default, but it is surprisingly easy to give that speed away. Here are the habits I keep coming back to.</p> <h2 id="keep-the-asset-pipeline-lean">Keep the asset pipeline lean</h2> <p>Hugo Pipes can bundle, minify, and fingerprint CSS and JS without any external tooling. One concatenated, fingerprinted stylesheet beats a dozen render-blocking requests every time.</p> <ul> <li>Bundle scripts into a single file</li> <li>Minify and fingerprint in production only</li> <li>Inline the tiny critical bits (like the theme-flash guard) directly in <code>&lt;head&gt;</code></li> </ul> <h2 id="measure-the-real-thing">Measure the real thing</h2> <p>Build time and page weight are both worth watching:</p>http://beacon-demo.starry-s.moe/posts/welcome-to-beacon/Wed, 01 Jul 2026 09:00:00 +0800http://beacon-demo.starry-s.moe/posts/welcome-to-beacon/<p>Beacon is a minimal blog theme built for speed and readability. This post shows off the typography and features so you can see how your content will look.</p> <h2 id="whats-inside">What&rsquo;s inside</h2> <p>Beacon pairs a two-column card layout with a modern deep-charcoal palette, crisp typography, and gentle motion — a calm, focused reading experience. It ships with:</p> <ul> <li>Light / dark / auto color modes with a persisted toggle</li> <li>A card-based post list homepage in a clean two-column layout</li> <li>Reading time, word count, tags, and breadcrumbs</li> <li>Table of contents, code-copy buttons, and share links</li> <li>SEO, OpenGraph, and Twitter card metadata out of the box</li> </ul> <h2 id="typography">Typography</h2> <p>Here&rsquo;s a blockquote to set the tone:</p>