<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="zh">
    <title>Noobty</title>
    <subtitle>沉淀时间的个人博客 —— 文章与随想，写给未来的自己。</subtitle>
    <link rel="self" type="application/atom+xml" href="https://blog.noobty.top/atom.xml"/>
    <link rel="alternate" type="text/html" href="https://blog.noobty.top"/>
    <generator uri="https://www.getzola.org/">Zola</generator>
    <updated>2026-09-08T00:00:00+00:00</updated>
    <id>https://blog.noobty.top/atom.xml</id>
    <entry xml:lang="zh">
        <title>关于</title>
        <published>2026-09-08T00:00:00+00:00</published>
        <updated>2026-09-08T00:00:00+00:00</updated>
        
        <author>
          <name>Noobty</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://blog.noobty.top/about/"/>
        <id>https://blog.noobty.top/about/</id>
        
        <content type="html" xml:base="https://blog.noobty.top/about/">&lt;p&gt;我是 &lt;strong&gt;Noobty&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;这里是我的个人博客——一个以「时间沉淀」为核心的地方。我写技术笔记，也写生活随想；不追热点，不做流量，唯一的读者标准是五年后的自己。&lt;/p&gt;
&lt;h2 id=&quot;zhe-ge-zhan-dian&quot;&gt;这个站点&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;用 &lt;a rel=&quot;noopener noreferrer external&quot; target=&quot;_blank&quot; href=&quot;https://obsidian.md&quot;&gt;Obsidian&lt;/a&gt; 写 Markdown，&lt;code&gt;git push&lt;/code&gt; 即发布&lt;/li&gt;
&lt;li&gt;纯静态：Zola 构建，零常驻服务&lt;/li&gt;
&lt;li&gt;内容分两条流：&lt;a href=&quot;https://blog.noobty.top/posts/&quot;&gt;文章&lt;/a&gt; 与 &lt;a href=&quot;https://blog.noobty.top/musings/&quot;&gt;随想&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;zhao-dao-wo&quot;&gt;找到我&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;GitHub：&lt;a rel=&quot;noopener noreferrer external&quot; target=&quot;_blank&quot; href=&quot;https://github.com/TTW-F&quot;&gt;TTW-F&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;RSS：&lt;a href=&quot;https://blog.noobty.top/posts/&quot;&gt;订阅全文输出&lt;/a&gt;（页脚有链接）&lt;/li&gt;
&lt;/ul&gt;
&lt;hr /&gt;
&lt;blockquote&gt;
&lt;p&gt;最后更新：2026 年 9 月&lt;/p&gt;
&lt;/blockquote&gt;
</content>
        
    </entry>
    <entry xml:lang="zh">
        <title>构建快到离谱</title>
        <published>2026-09-08T00:00:00+00:00</published>
        <updated>2026-09-08T00:00:00+00:00</updated>
        
        <author>
          <name>Noobty</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://blog.noobty.top/musings/blazing-build/"/>
        <id>https://blog.noobty.top/musings/blazing-build/</id>
        
        <content type="html" xml:base="https://blog.noobty.top/musings/blazing-build/">&lt;p&gt;全站构建 0.4 秒。以前每次部署够泡杯咖啡，现在 coffee 还在磨豆，&lt;code&gt;git push&lt;/code&gt; 的输出已经打完了。&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="zh">
        <title>时间胶囊</title>
        <published>2026-09-08T00:00:00+00:00</published>
        <updated>2026-09-08T00:00:00+00:00</updated>
        
        <author>
          <name>Noobty</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://blog.noobty.top/musings/time-capsule/"/>
        <id>https://blog.noobty.top/musings/time-capsule/</id>
        
        <content type="html" xml:base="https://blog.noobty.top/musings/time-capsule/">&lt;p&gt;把博客当成时间胶囊：不为了谁看，只为了五年后拆开的时候，里面的自己还有迹可循。&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="zh">
        <title>把博客打磨到设计奖水准的七个细节</title>
        <published>2026-09-08T00:00:00+00:00</published>
        <updated>2026-09-08T00:00:00+00:00</updated>
        
        <author>
          <name>Noobty</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://blog.noobty.top/posts/crafting-editorial-theme/"/>
        <id>https://blog.noobty.top/posts/crafting-editorial-theme/</id>
        
        <content type="html" xml:base="https://blog.noobty.top/posts/crafting-editorial-theme/">&lt;p&gt;这篇是主题实现的幕后笔记，也是一篇「能做什么」的演示文：目录、代码高亮、标注块、阅读时长——你在这篇里看到的一切，都是写作时零成本可用的。&lt;/p&gt;
&lt;h2 id=&quot;1-pai-ban-ji-she-ji&quot;&gt;1. 排版即设计&lt;/h2&gt;
&lt;p&gt;编辑杂志风的核心判断：&lt;strong&gt;文字本身就是海报&lt;/strong&gt;。巨型标题用 &lt;code&gt;clamp()&lt;/code&gt; 做流式字号，中文标题收紧字距，正文行高放到 1.9——中英文混排的呼吸感全靠这几个数值。&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;css&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#22863A, #85E89D);&quot;&gt;h1&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;  font-size&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; clamp&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;2.5&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;rem&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; 8&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;vw&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; 6&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;rem&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;  letter-spacing&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; -0.02&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;em&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;  text-wrap&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; balance&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;h2 id=&quot;2-dong-xiao-zhi-yong-xian-dai-css&quot;&gt;2. 动效只用现代 CSS&lt;/h2&gt;
&lt;p&gt;滚动驱动的入场动画，零 JavaScript：&lt;/p&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;css&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;@&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;supports&lt;/span&gt;&lt;span&gt; (&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;animation-timeline&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; view(&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;  .&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;reveal&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;    animation&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; rise &lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;linear&lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt; both&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;    animation-timeline&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; view(&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;    animation-range&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; entry &lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;0&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;%&lt;/span&gt;&lt;span&gt; entry &lt;/span&gt;&lt;span style=&quot;color: light-dark(#005CC5, #79B8FF);&quot;&gt;40&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;%&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;  }&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;aside class=&quot;callout callout-warning&quot;&gt;
  &lt;p class=&quot;callout-head&quot;&gt;
    &lt;span class=&quot;callout-mark&quot; aria-hidden=&quot;true&quot;&gt;!&lt;/span&gt;
    &lt;span class=&quot;callout-title&quot;&gt;性能纪律&lt;/span&gt;
  &lt;/p&gt;
  &lt;div class=&quot;callout-body&quot;&gt;
&lt;p&gt;不引入 GSAP，不引入任何动画框架。&lt;code&gt;prefers-reduced-motion&lt;/code&gt; 用户会自动跳过所有动效。&lt;/p&gt;
  &lt;/div&gt;
&lt;/aside&gt;
&lt;h2 id=&quot;3-biao-zhu-kuai-zhi-jie-xie-obsidian-yu-fa&quot;&gt;3. 标注块直接写 Obsidian 语法&lt;/h2&gt;
&lt;p&gt;在 Obsidian 里习惯的写法原样可用，构建时会转换成带样式的标注块：&lt;/p&gt;
&lt;aside class=&quot;callout callout-note&quot;&gt;
  &lt;p class=&quot;callout-head&quot;&gt;
    &lt;span class=&quot;callout-mark&quot; aria-hidden=&quot;true&quot;&gt;i&lt;/span&gt;
    &lt;span class=&quot;callout-title&quot;&gt;标注块&lt;/span&gt;
  &lt;/p&gt;
  &lt;div class=&quot;callout-body&quot;&gt;
&lt;p&gt;&lt;code&gt;&amp;gt; [!note]&lt;/code&gt;、&lt;code&gt;&amp;gt; [!tip]&lt;/code&gt;、&lt;code&gt;&amp;gt; [!warning]&lt;/code&gt; 都支持，转换是构建期完成的，页面零运行时成本。&lt;/p&gt;
  &lt;/div&gt;
&lt;/aside&gt;
&lt;h2 id=&quot;4-shuang-xiang-lian-jie&quot;&gt;4. 双向链接&lt;/h2&gt;
&lt;p&gt;Obsidian 的 &lt;code&gt;双链&lt;/code&gt; 也会在构建期解析成站内链接：见 &lt;a href=&quot;/posts/hello-noobty&quot;&gt;立项记&lt;/a&gt;。链接目标不存在时不会构建失败，只会退化为纯文本——草稿期很友好。&lt;/p&gt;
&lt;h2 id=&quot;5-dai-ma-gao-liang-liang-an-shuang-zhu-ti&quot;&gt;5. 代码高亮亮暗双主题&lt;/h2&gt;
&lt;pre class=&quot;giallo&quot; style=&quot;color-scheme: light dark; color: light-dark(#24292E, #E1E4E8); background-color: light-dark(#FFFFFF, #24292E);&quot; &gt;&lt;code data-lang=&quot;rust&quot;&gt;&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;fn&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; main&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;    let&lt;/span&gt;&lt;span&gt; posts&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; =&lt;/span&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt; vec!&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;hello-noobty&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt; &amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;editorial-seven-details&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt;    for&lt;/span&gt;&lt;span&gt; p&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; in&lt;/span&gt;&lt;span style=&quot;color: light-dark(#D73A49, #F97583);&quot;&gt; &amp;amp;&lt;/span&gt;&lt;span&gt;posts&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span style=&quot;color: light-dark(#6F42C1, #B392F0);&quot;&gt;        println!&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;sediment: &lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;{&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;p&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;}&lt;/span&gt;&lt;span style=&quot;color: light-dark(#032F62, #9ECBFF);&quot;&gt;&amp;quot;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;    }&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;giallo-l&quot;&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;高亮配色跟主题令牌走，切暗色模式代码块同步切换，不需要重新加载任何东西。&lt;/p&gt;
&lt;h2 id=&quot;6-xing-neng-yu-suan-shi-ying-yue-shu&quot;&gt;6. 性能预算是硬约束&lt;/h2&gt;
&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;指标&lt;/th&gt;&lt;th&gt;预算&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;首页传输体积（不含搜索索引）&lt;/td&gt;&lt;td&gt;&amp;lt; 30 KB&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;JavaScript&lt;/td&gt;&lt;td&gt;&amp;lt; 3 KB，且全部渐进增强&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;字体&lt;/td&gt;&lt;td&gt;0 下载，系统字体栈&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;Lighthouse Performance&lt;/td&gt;&lt;td&gt;100&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;h2 id=&quot;7-an-se-shi-yi-deng-gong-min&quot;&gt;7. 暗色是一等公民&lt;/h2&gt;
&lt;p&gt;不是「反色」，而是独立的一套令牌：暗色下降低纯白冲击、accent 提亮一档、阴影换微光。跟随系统，也可手动切换并记住。&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;以上细节全部沉淀在主题源码里，改起来比看起来容易——毕竟整个站点就是一堆文本文件。&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="zh">
        <title>为什么要再开一个博客</title>
        <published>2026-09-08T00:00:00+00:00</published>
        <updated>2026-09-08T00:00:00+00:00</updated>
        
        <author>
          <name>Noobty</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://blog.noobty.top/posts/hello-noobty/"/>
        <id>https://blog.noobty.top/posts/hello-noobty/</id>
        
        <content type="html" xml:base="https://blog.noobty.top/posts/hello-noobty/">&lt;p&gt;每个写博客的人大概都经历过几次「又开一个博客」的时刻。这一次不一样——这一次我先把规则想清楚了。&lt;/p&gt;
&lt;h2 id=&quot;shou-yao-du-zhe-shi-wei-lai-de-zi-ji&quot;&gt;首要读者是未来的自己&lt;/h2&gt;
&lt;p&gt;这个博客不追热点、不做流量、不设更新 KPI。衡量每一条内容的标准只有一个：&lt;strong&gt;五年后的我还能不能快速找到它、打开它、读懂它。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;所以它必须满足三个条件：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;技术不过时&lt;/strong&gt; —— 纯静态站，产物是 HTML 和 CSS，不依赖任何活着的运行时服务；&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;文件永远属于我&lt;/strong&gt; —— 内容是 Markdown，git 是唯一的发布链路；&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;写作零摩擦&lt;/strong&gt; —— 用 Obsidian 写，&lt;code&gt;git push&lt;/code&gt; 即发布，连后台登录这一步都没有。&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&quot;liang-tiao-nei-rong-liu&quot;&gt;两条内容流&lt;/h2&gt;
&lt;p&gt;内容分两种，心智负担完全不同：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;文章&lt;/strong&gt;：成文、有标题、经过组织的东西，是沉淀的主体；&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;随想&lt;/strong&gt;：两句话的冷知识、凌晨的胡思乱想，随手就记——沉淀不应该依赖大块时间。&lt;/li&gt;
&lt;/ul&gt;
&lt;aside class=&quot;callout callout-tip&quot;&gt;
  &lt;p class=&quot;callout-head&quot;&gt;
    &lt;span class=&quot;callout-mark&quot; aria-hidden=&quot;true&quot;&gt;✦&lt;/span&gt;
    &lt;span class=&quot;callout-title&quot;&gt;写不下去的时候&lt;/span&gt;
  &lt;/p&gt;
  &lt;div class=&quot;callout-body&quot;&gt;
&lt;p&gt;就写一条随想。比例不重要，时间线上的连续性才重要。&lt;/p&gt;
  &lt;/div&gt;
&lt;/aside&gt;
&lt;h2 id=&quot;wei-shen-me-shi-chun-jing-tai&quot;&gt;为什么是纯静态&lt;/h2&gt;
&lt;p&gt;动态网站在「性能、资源占用、十年可维护性」上全面吃亏：每一笔流量都是服务器的计算，而静态文件躺在 CDN 边缘；服务器要打补丁、要备份、会宕机，而一个全是 HTML 的文件夹二十年后照样能打开。&lt;/p&gt;
&lt;p&gt;评论用 &lt;a rel=&quot;noopener noreferrer external&quot; target=&quot;_blank&quot; href=&quot;https://giscus.app&quot;&gt;giscus&lt;/a&gt;（数据存在我自己仓库的 Discussions 里），搜索用 pagefind 做构建期索引，统计用无 cookie 方案——零常驻服务进程。&lt;/p&gt;
&lt;aside class=&quot;callout callout-note&quot;&gt;
  &lt;p class=&quot;callout-head&quot;&gt;
    &lt;span class=&quot;callout-mark&quot; aria-hidden=&quot;true&quot;&gt;i&lt;/span&gt;
    &lt;span class=&quot;callout-title&quot;&gt;完整的决策记录&lt;/span&gt;
  &lt;/p&gt;
  &lt;div class=&quot;callout-body&quot;&gt;
&lt;p&gt;每个架构决定都写进了仓库的 &lt;code&gt;docs/adr/&lt;/code&gt; 目录——为什么静态、为什么 Zola、为什么非对称双语，两年后忘了可以直接翻。&lt;/p&gt;
  &lt;/div&gt;
&lt;/aside&gt;
&lt;h2 id=&quot;cong-jin-tian-kai-shi-chen-dian&quot;&gt;从今天开始沉淀&lt;/h2&gt;
&lt;p&gt;站点是新的，规则是老的：&lt;strong&gt;写下来，让时间替你复利。&lt;/strong&gt;&lt;/p&gt;
</content>
        
    </entry>
    <entry xml:lang="zh">
        <title>随想流的第一条</title>
        <published>2026-09-07T00:00:00+00:00</published>
        <updated>2026-09-07T00:00:00+00:00</updated>
        
        <author>
          <name>Noobty</name>
        </author>
        
        <link rel="alternate" type="text/html" href="https://blog.noobty.top/musings/first-musing/"/>
        <id>https://blog.noobty.top/musings/first-musing/</id>
        
        <content type="html" xml:base="https://blog.noobty.top/musings/first-musing/">&lt;p&gt;随想流的第一条。设计它的动机很简单：不是每天都有值得写成文章的东西，但每天都有值得记下来的东西。&lt;/p&gt;
</content>
        
    </entry>
</feed>
