https://personal-tech-blog-doz.pages.dev/tags/cloudflare-pages/Recent content in Cloudflare Pages on 技术实践日志Hugozh-CNMon, 17 Aug 2026 20:00:00 +0800https://personal-tech-blog-doz.pages.dev/posts/why-hugo-cloudflare-pages/Mon, 17 Aug 2026 20:00:00 +0800https://personal-tech-blog-doz.pages.dev/posts/why-hugo-cloudflare-pages/<p>搭建技术博客时，真正困难的不是把页面放到互联网上，而是找到一套几年后仍愿意继续使用的写作流程。我的核心需求有三个：文章归自己所有、维护成本足够低、网站本身能够成为技术能力的补充证明。</p> <h2 id="选择标准">选择标准</h2> <p>我把需求拆成了四项可以检查的标准：</p> <table> <thead> <tr> <th>标准</th> <th>具体要求</th> </tr> </thead> <tbody> <tr> <td>内容所有权</td> <td>原稿保存在本地，并能完整进入 Git 版本管理</td> </tr> <tr> <td>写作体验</td> <td>使用 Markdown，不依赖在线编辑器</td> </tr> <tr> <td>部署成本</td> <td>不维护服务器，推送后自动发布</td> </tr> <tr> <td>可迁移性</td> <td>域名、托管平台或主题变化时，不必重写文章</td> </tr> </tbody> </table> <p>这套标准排除了需要长期维护数据库的动态博客，也排除了文章只能保存在平台后台的封闭方案。</p> <h2 id="hugo-负责什么">Hugo 负责什么</h2> <p>Hugo 把 Markdown、模板和配置编译成普通静态 HTML。文章的元数据集中在文件开头：</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="ln">1</span><span class="cl"><span class="err">+++</span> </span></span><span class="line"><span class="ln">2</span><span class="cl"><span class="nx">title</span> <span class="p">=</span> <span class="s1">&#39;一次性能问题的完整排查记录&#39;</span> </span></span><span class="line"><span class="ln">3</span><span class="cl"><span class="nx">date</span> <span class="p">=</span> <span class="ld">2026-08-17T20:00:00+08:00</span> </span></span><span class="line"><span class="ln">4</span><span class="cl"><span class="nx">tags</span> <span class="p">=</span> <span class="p">[</span><span class="s1">&#39;性能分析&#39;</span><span class="p">,</span> <span class="s1">&#39;复盘&#39;</span><span class="p">]</span> </span></span><span class="line"><span class="ln">5</span><span class="cl"><span class="err">+++</span> </span></span></code></pre></div><p>这意味着每篇文章都是一个可以复制、搜索、比较和长期保存的文本文件。即使以后不再使用 Hugo，正文也仍然可以迁移到其他系统。</p> <h2 id="cloudflare-pages-负责什么">Cloudflare Pages 负责什么</h2> <p>Cloudflare Pages 连接 Git 仓库，在检测到新的提交后执行 Hugo 构建，然后把生成的静态文件发布到公开地址。日常流程因此只剩下四步：</p>