Cloudflare Pages申请及开通部署教程

首先你得有一个Cloudflare账号,Cloudflare是全球最大的免费cdn提供商。

Cloudflare前端时间出了个pages功能,现在处于bate阶段,需要去申请才可以开通这个功能。

Cloudflare Pages申请及开通部署教程

Cloudflare Pages是一个JAMstack平台,供前端开发人员协作和部署网站。

  • 轻松地与Git集成,以开发人员为中心
  • 内置高级协作,不限座位。
  • Cloudflare边缘网络上无与伦比的性能

前端开发人员希望构建快速,美观的网站,而不是玩系统集成商:由于配置构建系统,设置环境以及保持生产最新而陷入困境。

使用Pages,只需将GitHub应用程序安装到您的仓库中。之后,这只是git push-我们将为您构建和部署。

 

通过深度的Git集成,Cloudflare Pages以开发人员的工作方式工作。只需告诉我们您的构建命令(例如npm run build),其余的工作将由我们来处理,包括日志。

查看我们3分钟的常见JS框架指南,包括React,Vue,Gatsby和Hugo:

 

Cloudflare Pages申请地址:https://pages.cloudflare.com/

Cloudflare Pages申请及开通部署教程

申请的后你会收到一个邮件,说是开通权限的时候会再次通知你,实际是不会发邮件给你的,我是2021年2月22号申请的,今天26号登陆上cf就已经有pages功能了,四天开通的。

登陆后就可以看到,在左上角,菜单里就有。如下图

Cloudflare Pages申请及开通部署教程

英文界面是pages beta,中文方便点,点网页beta

1.创建项目

Cloudflare Pages申请及开通部署教程

 

2.链接github账户

Cloudflare Pages申请及开通部署教程

3.安装授权(我之前已经登陆了github账号)

Cloudflare Pages申请及开通部署教程

 

4.输入账号密码后,选择选择一个储存仓库,我事先已经创建好了仓库了。点开始设置

Cloudflare Pages申请及开通部署教程

 

5.填写项目名称,这个会得到一个永久二级域名:pages.dev,单字符的已经没有了,选择自己喜欢和好记的吧。框架那根据自己项目需要的环境需求来选择,默认的是public标准,如果你是一个博客有hexo,hugo等选择,设置好后保存并部署,

Cloudflare Pages申请及开通部署教程

 

保存部署后等构建完就可以了。状态成功后就可以返回去了,可以看到我的二级域名变成了music-qec3.pages.dev

Cloudflare Pages申请及开通部署教程

因为我输入项目名称和别人的没有重复,域名前缀就是项目名称,有重复的话就会变成这样(例如music变成music-qec3.pages.dev)随机的.

可以无限添加,遇到随机的了,可以在重新部署一个项目。我又重新部署了一个mymusic,就ok了

如果你不想用官方提供的二级域名,也可以在设置里自定义自己的域名。

Cloudflare Pages申请及开通部署教程

跟着教程设置一下自己的域名就可以了

 

 

给TA打赏
共{{data.count}}人
人已打赏
网站主机

再见,流量红利!你好,私域流量!

2021-2-25 12:04:09

网站主机

WordPress插件_微信公众号验证码查看插件_微信公众号吸粉插件

2021-3-6 16:20:44

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