AI tools, automation and practical resourceshttps://post.lansg.cn/zh_CNhttps://post.lansg.cn/posts/cloudflare-astro-fuwari-demo/https://post.lansg.cn/posts/cloudflare-astro-fuwari-demo/这是一篇用于验证 Astro、Fuwari、Pagefind、RSS 和 Cloudflare Pages 部署流程的 mock 文章。Tue, 23 Jun 2026 00:00:00 GMT<p>本文是一篇演示文章，用于验证博客站的基础功能，包括首页展示、文章详情页渲染、搜索索引、RSS 输出和 Sitemap 生成。</p> <h2>为什么选择 Astro + Fuwari</h2> <ul> <li><strong>Astro</strong> 是面向内容的静态站点框架，构建产物为纯 HTML/CSS/JS，天然适合博客场景，部署到 Cloudflare Pages 后访问速度极快。</li> <li><strong>Fuwari</strong> 是基于 Astro 的博客主题，内置暗色模式、文章目录、搜索索引（Pagefind）、RSS 和 Sitemap，开箱即用。</li> </ul> <h2>Markdown 渲染验证</h2> <h3>代码块</h3> <p>下面是一段 Python 示例代码：</p> <pre><code>def greet(name: str) -&gt; str: return f"Hello, {name}!" if __name__ == "__main__": print(greet("Resource Post")) </code></pre> <h3>列表</h3> <ol> <li>安装依赖：<code>pnpm install</code></li> <li>本地开发：<code>pnpm dev</code></li> <li>生产构建：<code>pnpm build</code></li> <li>预览产物：<code>pnpm preview</code></li> </ol> <h3>引用</h3> <blockquote> <p>这是一篇 mock 文章，内容仅用于功能验证，不代表正式发布内容。</p> </blockquote> <h3>链接</h3> <ul> <li><a href="https://docs.astro.build/">Astro 官方文档</a></li> <li><a href="https://github.com/saicaca/fuwari">Fuwari 主题仓库</a></li> <li><a href="https://developers.cloudflare.com/pages/">Cloudflare Pages 文档</a></li> </ul> <h2>部署流程简述</h2> <ol> <li>将代码推送到 GitHub 仓库。</li> <li>在 Cloudflare Pages 控制台连接 Git 仓库。</li> <li>设置构建命令为 <code>pnpm build</code>，输出目录为 <code>dist</code>。</li> <li>等待自动构建完成后，通过 Cloudflare Pages 默认域名访问站点。</li> </ol> <h2>后续计划</h2> <ul> <li>AI 自动生成文章脚本</li> <li>Cloudflare R2 图片存储</li> <li>广告与统计组件</li> <li>自定义域名绑定</li> </ul> <hr /> <p><em>本文为功能验证用 mock 文章，正式内容将持续更新。</em></p>