<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>设计 · Hugox</title>
    <link>http://localhost:1313/tags/%E8%AE%BE%E8%AE%A1/</link>
    <description>记录技术、阅读与日常观察。</description>
    <generator>Hugo</generator>
    <language>zh-CN</language>
      <lastBuildDate>Wed, 22 Jul 2026 10:30:00 &#43;0800</lastBuildDate>
      <atom:link href="http://localhost:1313/tags/%E8%AE%BE%E8%AE%A1/index.xml" rel="self" type="application/rss+xml" />
      <item>
        <title>从一张白纸开始写作</title>
        <link>http://localhost:1313/posts/first-note/</link>
        <pubDate>Wed, 22 Jul 2026 10:30:00 &#43;0800</pubDate>
        <guid isPermaLink="true">http://localhost:1313/posts/first-note/</guid>
        <description>&lt;p&gt;极简不是把所有东西删掉，而是让留下来的部分各自承担明确的工作。这个主题没有 JavaScript，页面只由 HTML、CSS 和一套中文阅读字体构成。&lt;/p&gt;&#xA;&lt;h2 id=&#34;阅读是一种节奏&#34;&gt;阅读是一种节奏&lt;/h2&gt;&#xA;&lt;p&gt;中文正文需要比拉丁文字更舒展的行距。标题负责停顿，段落负责向前，元信息则安静地退到视线之外。主题将正文宽度控制在适合持续阅读的范围，同时让手机屏幕保持自然的边距。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;好的排版不会抢走文字的声音，它只是让声音抵达得更清楚。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;文章可以使用常见的 Markdown 元素：&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;无序列表用来并列记录&lt;/li&gt;&#xA;&lt;li&gt;有序列表用来表达步骤&lt;/li&gt;&#xA;&lt;li&gt;&lt;code&gt;行内代码&lt;/code&gt; 用来标明命令或变量&lt;/li&gt;&#xA;&lt;li&gt;链接可以指向 &lt;a href=&#34;https://gohugo.io/&#34;&gt;Hugo 官方文档&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;构建时完成代码高亮&#34;&gt;构建时完成代码高亮&lt;/h2&gt;&#xA;&lt;p&gt;Hugo 内置 Chroma。高亮结果直接写入静态 HTML，不需要浏览器下载脚本。&lt;/p&gt;&#xA;&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;package main&#xA;&#xA;import &amp;#34;fmt&amp;#34;&#xA;&#xA;func main() {&#xA;&#x9;fmt.Println(&amp;#34;纸短，路长。&amp;#34;)&#xA;}&#xA;&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&#34;表格与长内容&#34;&gt;表格与长内容&lt;/h2&gt;&#xA;&lt;p&gt;较窄的屏幕会让表格自然横向滚动，不会撑破正文布局。&lt;/p&gt;&#xA;&lt;table&gt;&#xA;&#x9;&lt;thead&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;th&gt;原则&lt;/th&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;th&gt;实现方式&lt;/th&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;th&gt;运行时依赖&lt;/th&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&lt;/thead&gt;&#xA;&#x9;&lt;tbody&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;内容优先&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;语义化模板与克制排版&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;无&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;自动深色&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;&lt;code&gt;prefers-color-scheme&lt;/code&gt;&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;无&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&#x9;&#x9;&lt;tr&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;代码高亮&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;Hugo Chroma&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&lt;td&gt;无&lt;/td&gt;&#xA;&#x9;&#x9;&#x9;&lt;/tr&gt;&#xA;&#x9;&lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;图片&#34;&gt;图片&lt;/h2&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://img.moxao.workers.dev/pengchangg/piclist/master/20260617/20260617090910181.webp&#34; alt=&#34;图片&#34; title=&#34;这是标题&#34;&gt;&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;p&gt;这篇文章可以在填入真实内容后删除。创建下一篇文章时，运行：&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;hugo new content posts/my-note.md&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</description>
      </item>
  </channel>
</rss>
