https://stacknote.wanglong.cv/tags/writing/Recent content in Writing on Stacknote DemoHugoen-USMon, 24 Aug 2026 00:00:00 +0000https://stacknote.wanglong.cv/articles/welcome/Mon, 24 Aug 2026 00:00:00 +0000https://stacknote.wanglong.cv/articles/welcome/<p>Stacknote is designed for technical writing that values clarity and character. It gives a personal engineering blog a recognizable visual voice without turning every page into a product landing page.</p> <h2 id="a-complete-reading-experience">A complete reading experience</h2> <p>The reading page keeps the article at the center while still providing a table of contents, highlighted code, responsive tables, related articles, and strong keyboard focus states.</p> <div class="code-block"> <button class="code-block__copy" type="button" data-copy-code data-copied-label="Copied">Copy</button> <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-go" data-lang="go"><span style="display:flex;"><span><span style="color:#66d9ef">func</span> <span style="color:#a6e22e">main</span>() { </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">fmt</span>.<span style="color:#a6e22e">Println</span>(<span style="color:#e6db74">&#34;field-tested notes&#34;</span>) </span></span><span style="display:flex;"><span>}</span></span></code></pre></div> </div> <p>The same design carries through the homepage, archives, tags, search results, and author page. Local covers are processed by Hugo into responsive WebP variants, while articles without images keep a deliberate text-first layout.</p>https://stacknote.wanglong.cv/articles/publishing-checklist/Mon, 27 Jul 2026 00:00:00 +0000https://stacknote.wanglong.cv/articles/publishing-checklist/<p>A publishing checklist should be short enough to use every time. Mine asks five questions.</p> <ol> <li>Does the opening state the problem without requiring a page of background?</li> <li>Do commands and code samples still run?</li> <li>Do external claims link to the original source?</li> <li>Does every informative image have useful alternative text?</li> <li>Does the production build complete without warnings?</li> </ol> <p>For a Hugo site, the final check can remain pleasantly boring:</p> <div class="code-block"> <button class="code-block__copy" type="button" data-copy-code data-copied-label="Copied">Copy</button> <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 --panicOnWarning --minify</span></span></code></pre></div> </div> <p>Preview the generated site at both narrow and wide viewport sizes. Long titles, tables, code blocks, and navigation labels expose layout assumptions faster than placeholder text ever will.</p>