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

发表评论

后一页 前一页