最近我准备把 MWordStar 的帮助文档迁移到 Cloudflare Pages ,这样我的服务器就可以少管理一个网站,服务器出问题也不会影响主题帮助文档的访问。这里就简单写一下 Cloudflare Pages 的使用。
关联 Github 存储库
直接访问 https://pages.cloudflare.com/ ,没有账号的可以按照提示注册,有账号的可以直接登录。
Cloudflare Pages 的官网首页没有中文,但部署和设置页面是有中文的。登录后点击 创建项目
,如下:
点击 连接 Github 账户
:
这里会弹出 Github 的授权页面,选择 Install & Authorize
允许 Cloudflare 访问 Github 账户,如下:
然后会显示 Github 存储库,也包括非公开的存储库,选择要部署的存储库,点击 开始设置
:
设置构建命令和存放构建的页面的目录:
Cloudflare 克隆存储库后会自动执行 npm install
之类的命令下载所需的依赖,然后执行构建命令,然后把构建完成的文件放到网站目录。
点击 保存并部署
后 Cloudflare Pages 就会开始构建和部署,如下:
同时下方也会输出日志:
部署完成后点击 继续处理项目
就可以看到部署的网站了,如下:
默认的域名是 项目名称.pages.dev
。
设置域名
点击 自定义域
:
输入要绑定的域名:
如果你用的是 Cloudflare 的 DNS 的话,Cloudflare可以一键设置 CNAME。如果不是的话就需要手动设置 CNAME,登录域名管理后台,添加一条 CNAME 指向默认的 pages.dev
域名。
我使用的是 Cloudflare 的 DNS,可以自动设置 CNAME:
设置完成后需要一段时间才会生效。
以上就是 Cloudflare Pages 的设置过程。免费的 Cloudflare Pages 账户每月最多只能构建 500 次,对于个人博客或小网站来说已经足够。
目前 Cloudflare Pages 只能通过 Github 来部署,不能直接上传 HTML。