CF Lab

GitHub → Cloudflare

自动部署验证 · 第 2 次发布

第一站：让一个网页自动上线

这是一个零框架的 HTML、CSS 和 JavaScript 项目。每次代码进入 main 分支，GitHub Actions 都会检查它并部署到 Cloudflare Pages。

看看它如何工作

循序渐进

三次部署，理解一条完整链路

01

静态网页

掌握 Git、GitHub Actions、Secrets、构建检查和 Cloudflare Pages。

02

React 应用

加入依赖安装、Vite 构建、缓存、测试和预览环境。

03

全栈应用

使用 Cloudflare Workers 提供 API，并用 D1 保存真实数据。

自动化路径

一次 push 之后发生什么？

  1. 提交代码推送到 GitHub
  2. 检查Actions 验证静态资源
  3. 部署Wrangler 上传到 Pages
  4. 上线Cloudflare 全球网络提供访问