跳过正文

使用Github和Cloudflare Pages部署静态站

Github Cloudflare Pages 静态网站 Hugo
Luoqxi
作者
Luoqxi
洛琪希 神!
目录
部署教程 - 这篇文章属于一个选集。
§ 13: 本文

简介
#

Cloudflare Pages 是 Cloudflare 提供的一项静态网站托管服务,支持自动部署 Github 仓库中的静态网站。同类产品还有(虽然支持的功能可能有差异):VercelNetlifyGithub PagesGitlab PagesFirebase HostingHerokuRenderSurgeCloudflare PagesGCP 等。

CloudFlare Pages 的自动化构建可以从Github private repository 拉取代码,而 GitHub Pages 必须是 public repository。

准备工作
#

在本地开发好需要部署的站点,我这里使用的依然是 Hugo 开发的静态站点。

部署
#

本地能够正常运行的站点,可以通过以下步骤部署到 Cloudflare Pages:

1、在Cloudflare后台Workers和Pages模块,创建一个新的Pages项目,关联后选择Github仓库,授权Cloudflare访问Github仓库。

Cloudflare Pages - Create Pages From Github

2、按需配置项目

3、配置自定义域名,使用CNAME解析到Cloudflare提供的域名

Cloudflare Pages - Custom Domain 1

Cloudflare Pages - Custom Domain 2

配置
#

1、自定义域对应上述DNS解析:

自定义域

2、设置

设置

最后,自动部署启用的情况下,每次Github仓库有代码提交,Cloudflare Pages会自动构建并部署站点。

部署教程 - 这篇文章属于一个选集。
§ 13: 本文