用 Astro 迁移到 Cloudflare Pages
你想用 Markdown 写作,享受版本控制和自动部署,拥有闪电般快速的 SEO 和设置体验,还能给个人网站使用带 SSL 和无限带宽的自定义域名,而且这一切都免费吗?那就继续读下去吧!
为什么选择 Astro?
Astro 已经成为我首选的框架,原因有几个:
闪电般快速的 SEO
- 默认零 JavaScript,页面加载飞快
- 开箱即用的 99/100 Lighthouse 分数
- 自动化的 meta 标签和结构化数据
以内容为中心
- 一流的 Markdown/MDX 支持,让你可以按需轻松重新渲染内容
- 原生 LaTeX 数学支持
- 为 100 多种语言提供丰富的语法高亮
灵活的开发者体验
- 与框架无关:在需要的地方使用 React、Vue、Svelte 或 HTMX
- 静态输出意味着可以托管在任何地方,没有厂商锁定
Cloudflare Pages 的优势
无限带宽
我切换过去的主要原因之一,是 Cloudflare Pages 慷慨的免费套餐提供无限带宽。这意味着就算我突然出名,也不会有意外账单!
自动化 CI/CD
开发工作流非常顺畅,包括:
- 从 Git 自动部署
- 为 pull request 提供预览部署
- 轻松回滚
自定义域名及更多功能
- 带边缘缓存的全球 CDN
- 自动资源优化
- 易于设置的自定义域名(当然,这个需要你自己付费)
- 内置 SSL 证书
- 内置分析
- 出色的文档
迁移过程
为此,我是这样做的:
-
克隆 astro-erudite 模板
-
自定义后推送到 GitHub
-
设置 Cloudflare Pages 并部署:
- 前往 Cloudflare dashboard > Compute (Workers)
- 连接 GitHub 仓库
- 选择 main 分支用于部署
- 选择 Astro 作为框架
-
连接自定义域名,然后让 Cloudflare 处理后面的事
整个过程再简单不过。我获得了免费的版本控制,而且每当我推送到 main 时,网站都会自动重新部署。
结论
Astro 以性能优先的做法,加上 Cloudflare 稳健的基础设施,为想在互联网上快速拥有一个家的开发者提供了很好的基础。最棒的地方?这一切都可以免费使用,所以很适合个人项目和博客。