官方说明:https://support.cloudflare.com/hc/zh-cn/articles/218411427-%E4%BA%86%E8%A7%A3%E5%92%8C%E9%85%8D%E7%BD%AE-Cloudflare-Page-Rules-%E9%A1%B5%E9%9D%A2%E8%A7%84%E5%88%99%E6%95%99%E7%A8%8B-

简单说下这个功能有什么用!主要是搭建纯静态页面的网站。比如我准备弄一个工作室或者公司的官方。是纯html页面,只是作为企业展示,不带任何功能的。要求就是稳定速度OK 就行。所以用这个功能就特别好,不要服务器就可以搭建起来。

但是缺点也很明显。1、免费版对整个请求每个月是有限制的,所以小网站可以,大网站不行,

2、只能是纯静态或者基于一些环境搭建的网站才可以,所以要复杂的带后台的网站就不可能了。

3、不能跟wordpress一样可视化操作,你只能是本地写好之后同步到GitHub上去然后再部署,会麻烦点。新手学习下可以玩的会。麻烦点而已。和下面这个原理上差不多。 只不过阿里的可以执行程序,而cloudflare只能静态化页面

首先是功能在哪里?

新玩法 利用cloudflare pages搭建一个静态网站插图

登录Cloudflare Pages
首先是登录,前往 pages.cloudflare.com 按照操作。

创建项目
点击创建项目,连接 GitHub 。

新玩法 利用cloudflare pages搭建一个静态网站插图1

选择存储库
从 GitHub 中选中项目,这里我建议可以自己去新建个私有项目,不公开的。

新玩法 利用cloudflare pages搭建一个静态网站插图2

设置构建和部署
构建还算是挺简单的,这里我们如果是传统静态页面直接点保存并部署即可。

如果是比如 Vue、React、angularjs,选择框架预设。

新玩法 利用cloudflare pages搭建一个静态网站插图3

大部分静态网站程序在Cloudflare Pages构建模板里面都有

这里以 Hexo 搭建 Blog为例

Cloudflare目前预设框架中暂不支持,但只需手动填写命令即可。

新玩法 利用cloudflare pages搭建一个静态网站插图4

部署站点
最后点击保存并部署即可

最后我们可以来自定义域名

新玩法 利用cloudflare pages搭建一个静态网站插图5

新玩法 利用cloudflare pages搭建一个静态网站插图6

新玩法 利用cloudflare pages搭建一个静态网站插图7

而且默认就开启了SSL 非常给力

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。