加速器-跨境电商必备

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

官方说明: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搭建一个静态网站

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

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

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

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

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

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

这里以 Hexo 搭建 Blog为例

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

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

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

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

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

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

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

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

声明:
本站部分文章原创;部分文章来自互联网;如果我们转载的文章侵犯了您的权益,请联系我们,我们会尽快删除。
如果您喜欢这篇文章需要转载希望保留引用链接.感谢您的理解与支持!

给TA打赏
共{{data.count}}人
人已打赏
经验

闲出屁来的新玩法 如何用阿里云 函数计算 建站

2022-7-21 7:57:00

经验

DEDECMS 验证码失败解决方法

2022-7-21 8:05:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索