博客迁移：Astro + Cloudflare Pages 技术栈升级

很高兴地宣布，我的博客已经成功迁移到全新的技术栈！经过一段时间的探索和实践，我选择了 Astro 作为前端框架，搭配 Cloudflare Pages 进行部署，并使用 Cloudflare R2 作为图床服务。这个组合为我的博客带来了更好的性能和用户体验。

技术栈选择理由

Astro 框架

• 极速性能：Astro 的静态站点生成能力让页面加载速度得到显著提升
• 混合渲染：支持 SSR、SSG 和部分 hydration，灵活应对各种场景
• 组件兼容性：可以无缝集成 React、Vue 等多种框架的组件
• 开发体验优秀：现代化的开发流程，丰富的插件生态

Cloudflare Pages

• 全球 CDN 加速：利用 Cloudflare 强大的网络，提供更快的访问速度
• 自动部署：与 GitHub 集成，提交代码即可自动构建部署
• 免费额度充足：对于个人博客来说，基础功能完全免费
• 安全性高：内置 DDoS 防护和其他安全特性

Cloudflare R2

• 兼容性好：兼容 S3 API，易于集成现有工具
• 免出站流量费：相较于传统云存储，可以节省大量流量成本
• 与 Cloudflare Pages 无缝集成：相同账号下管理更加方便

图床设置详细步骤

1. Cloudflare R2 配置

1. 在 Cloudflare 控制台中创建 R2 存储桶
2. 设置 CORS 规则，允许跨域访问
3. 创建 API Token，获取访问密钥

2. PicList 配置

使用 PicList 作为上传工具，配置过程如下：

配置要点：

• 服务类型选择 S3 兼容
• 填写正确的 endpoint、accessKey、secretKey
• 设置适当的存储路径和域名前缀

3. Typora 集成

为了实现写作时的无缝图片上传体验，我将 Typora 与 PicList 进行了集成：

配置完成后，记得点击「验证图片上传选项」进行测试，确保配置正确无误。

迁移感受

这次技术栈迁移虽然过程中有一些挑战，但总体来说非常值得。新的架构让我的博客加载速度更快，维护也更加方便。如果你也在考虑博客平台升级，Astro + Cloudflare 这套组合绝对值得一试！

未来我计划进一步探索 Astro 的高级功能，比如添加更多互动组件和个性化特性，让博客内容更加丰富和生动。