https://example.org/tags/%E5%BC%80%E5%A7%8B/Recent content in 开始 on LutpulHugozh-cnFri, 25 Sep 2026 19:07:52 +0800https://example.org/posts/meet-lutpul/Fri, 25 Sep 2026 19:07:52 +0800https://example.org/posts/meet-lutpul/<p>lutpul 是一个 Hugo 主题：每一页都是桌面灰上的一扇窗口——条纹标题栏、下沉的内容框、15 像素高的状态条，还有右下角那排像素按钮。它没有框架，页面就是这份 HTML。</p> <h2 id="一扇窗口里有什么">一扇窗口里有什么</h2> <ul> <li>顶部：这条页面在站里的位置，一行的面包屑</li> <li>中间：正文。文章页在这一行的右端还有字号控件</li> <li>底部：一排按钮，窄屏时缩成像素图标</li> <li>最下：状态条，写着这篇是什么、几号</li> </ul> <p>正文的字体跟着阅读者的选择走，字号从 10 到 20 逐格增减，选择记在这个浏览器里，翻页也不会丢。</p> <h2 id="一行代码">一行代码</h2> <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-sh" data-lang="sh"><span style="display:flex;"><span>$ hugo new site mysite </span></span><span style="display:flex;"><span>$ hugo server </span></span></code></pre></div><h2 id="一张表">一张表</h2> <table> <thead> <tr> <th>元素</th> <th>尺寸</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>窗口</td> <td>720px</td> <td>最大宽度</td> </tr> <tr> <td>正文</td> <td>12px</td> <td>可调</td> </tr> <tr> <td>状态条</td> <td>15px</td> <td>一行</td> </tr> </tbody> </table> <blockquote> <p>引用也照这个尺寸排，左边一道两像素的竖线，颜色退一格。</p> </blockquote> <h3 id="待办">待办</h3> <ul> <li><input checked="" disabled="" type="checkbox"> 把窗口画出来</li> <li><input checked="" disabled="" type="checkbox"> 把按钮做成像素图</li> <li><input disabled="" type="checkbox"> 把浅色以外的配色也写上</li> </ul> <p>试试右上角的 <strong>− +</strong> 和 <strong>Aa</strong>：一个改字号，一个换衬线体。</p>