cloudflare pages 静态页面部署流程 绑定域名

静态页面部署有很多平台，比较有名的有 Github pages, Gitee Pages, Coding ，这些多少都会有些限制 Github Pages 有流量限制而且国内访问速度不太理想， Gitee Pages 自定义域名是要收费的， Coding 在国外速度不理想。今天要介绍了的主角是 Cloudflare Pages

一、介绍

CloudFlare Pages 应该是属于集大成者，速度非常快、不限制流量、自动 https、免费绑定域名、与 github 绑定，私有仓库也可以自动部署，可以说该有的都有了。要说缺点可能就一个，每个月限制最多构建 500 次 同时一次只能构建一个项目，对于免费的来说有这么多一般也是够用的，真的不够的话，就需要另外购买了

二、操作

我们以项目托管 Github 为例 打开 https://pages.cloudflare.com/ 点击 Login（登录） 或者 Signup（注册）进去后绑定 Github  -> 创建项目 . 选择一个 Github 项目然后点开始设置

设置好 项目名称 生产分支 框架预设 然后看看命令有没有问题，如果没问题就可以进行构建了。

框架预设有很多，如：Nuxtjs, vue, GitBook, vuepress , hugo 等等，选择一个你自己的平台

等待构建完成就可以通过 https://{你定义的名字}.pages.dev 进行访问了

默认是自动构建的，也就是当你的代码提交到 cloudflare 检测到 Github 有改变就会进行重新部署，还是非常方便。

三、自定义域名

cloudflare pages 自定义域名也是免费的，点击刚才发布的项目，选择自定义域名，然后就可以输入自己的自定义域名了，设置完成后配置一个 DNS CNAME 指向你自动生成的域名便可以

一般来说要设置2个，一个是带 www 的子域，另一个就是什么都不带的顶级域，设置完成后等待几分钟就可以生效。

四、总结

cloudflare 除了部署时略慢外（几分钟的时候）基本上没什么缺点，可以自动部署，不限流量，不限站点数量，不限请求数量，绑定顶级域名，构建后还会保留历史记录，可以回滚到以前的任何一个版本，也可以删除记录