前言
Cloudflare Pages是一个JAMstack平台,供前端开发人员协作和部署网站。使用 Cloudflare Pages 部署您的动态前端应用程序。页面速度超快,始终保持最新状态,并直接从您的 GitHub 帐户部署。支持常见JS框架,包括React,Vue,Gatsby和Hugo。
操作步骤
登录Cloudflare Pages
首先是登录,前往 pages.cloudflare.com 按照操作。
创建项目
点击创建项目,连接 GitHub 。
选择存储库
从 GitHub 中选中项目
设置构建和部署
构建还算是挺简单的,这里我们如果是传统静态页面直接点保存并部署即可。
如果是比如 Vue、React、angularjs,选择框架预设。
大部分静态网站程序在Cloudflare Pages构建模板里面都有
这里我使用的是 Hexo 搭建的 Blog
Cloudflare目前预设框架中暂不支持,但只需手动填写命令即可。
部署站点
最后点击保存并部署即可。
设置域名
点击 自定义域
:
输入要绑定的域名:
如果你用的是 Cloudflare 的 DNS 的话,Cloudflare可以一键设置 CNAME。如果不是的话就需要手动设置 CNAME,登录域名管理后台,添加一条 CNAME 指向默认的 pages.dev
域名。
设置完成后需要一段时间才会生效。
以上就是 Cloudflare Pages 的设置过程。免费的 Cloudflare Pages 账户每月最多只能构建 500 次,对于个人博客或小网站来说已经足够。
目前 Cloudflare Pages 只能通过 Github 来部署,不能直接上传 HTML。