..
使用Github和Cloudflare Pages部署静态站
简介
Cloudflare Pages 是 Cloudflare 提供的一项静态网站托管服务,支持自动部署 Github 仓库中的静态网站。同类产品还有(虽然支持的功能可能有差异):Vercel、Netlify、Github Pages 、Gitlab Pages、Firebase Hosting 、Heroku 、Render 、Surge 、Cloudflare Pages 、GCP 等。
CloudFlare Pages 的自动化构建可以从Github private repository 拉取代码,而 GitHub Pages 必须是 public repository。
准备工作
在本地开发好需要部署的站点,我这里使用的依然是 Hugo 开发的静态站点。
部署
本地能够正常运行的站点,可以通过以下步骤部署到 Cloudflare Pages:
1、在Cloudflare后台Workers和Pages模块,创建一个新的Pages项目,关联后选择Github仓库,授权Cloudflare访问Github仓库。
2、按需配置项目
3、配置自定义域名,使用CNAME解析到Cloudflare提供的域名
配置
1、自定义域对应上述DNS解析:
2、设置
最后,自动部署启用的情况下,每次Github仓库有代码提交,Cloudflare Pages会自动构建并部署站点。