Article
GitHub + Cloudflare 建站
为什么是这套组合
- GitHub:存源码、版本管理
- Cloudflare Pages:免费、快、自动构建部署
- 适合:博客、作品站、文档站等静态站(Astro / Hugo / Vite 等)
GitHub 导入网站源码
- 打开 https://github.com,登录你的账号
- 右上角 + → New repository

- 填写仓库信息:
- Repository name:比如
wlx-site(或你想要的名字) - Description:可选,比如「个人博客与作品站」
- Public / Private:按你需求选
- 如果本地已经有网站源码和提交了,不要勾选 Add a README、Add .gitignore、Choose a license(勾了之后再推本地代码,容易冲突)
- Repository name:比如
- 点 Create repository,创建后会看到如何把本地代码 push 上去的指南

- 按页面提示,把本地网站源码推到刚建好的仓库。推送完成后,在 GitHub 仓库页面应能看到
package.json、src/等源码文件。
Cloudflare 构建部署网站
- Cloudflare 新建应用

- 连接 GitHub


- 导入现有的 git 仓库。


- 填写网站构建参数。
- Build command 需要填
npm run build - Build output directory 需要填
dist
注意:如果连接的 GitHub 仓库里是 dist,那么就不用填 Build command 和 Build output directory。

- 等待几分钟,看到这个界面就是创建成功了。域名是 https://wlx-site.pages.dev/
