记录技术与折腾https://blog.u88b.com/zh_CNhttps://blog.u88b.com/posts/hello-world/https://blog.u88b.com/posts/hello-world/用 Astro + Fuwari + Cloudflare Pages 搭好这个博客的第一篇记录。Mon, 05 Oct 2026 00:00:00 GMT<h2>起因</h2> <p>想要一个自己的地方放技术笔记，要求很简单：<strong>加载快、免费、能写 Markdown</strong>。</p> <p>试过 Ghost（重，要维护服务器和数据库），最后还是回到静态站： 写完推 Git，Cloudflare 自动构建发布，一年到头不用管服务器。</p> <h2>技术栈</h2> <table> <thead> <tr> <th>部分</th> <th>选型</th> </tr> </thead> <tbody> <tr> <td>框架</td> <td>Astro 7（纯静态输出）</td> </tr> <tr> <td>主题</td> <td>Fuwari</td> </tr> <tr> <td>样式</td> <td>Tailwind CSS 4</td> </tr> <tr> <td>托管</td> <td>Cloudflare Pages</td> </tr> <tr> <td>搜索</td> <td>Pagefind（构建时生成索引）</td> </tr> <tr> <td>评论</td> <td>未启用</td> </tr> </tbody> </table> <h2>为什么是纯静态</h2> <p>Astro 默认输出静态 HTML，构建完就是一堆 <code>.html</code> + <code>.js</code> + <code>.css</code>， 扔到任何静态托管上都能跑。这意味着：</p> <ul> <li>没有服务器要运维，没有数据库要备份</li> <li>全球 CDN 直接命中边缘节点，首屏很快</li> <li>免费额度对个人博客绰绰有余</li> </ul> <h2>部署方式</h2> <p>代码推送到 GitHub 后，Cloudflare Pages 自动拉取、构建、发布：</p> <pre><code>pnpm build # astro build &amp;&amp; pagefind --site dist </code></pre> <p>产物在 <code>dist/</code>，Cloudflare 检测到这个目录后直接发布到边缘网络。</p> <h2>后续计划</h2> <ul> <li>[x] 配好自定义域名和 SEO</li> <li>[ ] 把旧的技术笔记搬过来</li> <li>[ ] 写一篇技术文章（不是这种建站记录）</li> </ul> <p>::github{repo="yys9253462-gif/fuwari"}</p>