首先你得有一个Cloudflare账号,Cloudflare是全球最大的免费cdn提供商。
Cloudflare前端时间出了个pages功能,现在处于bate阶段,需要去申请才可以开通这个功能。
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/
申请的后你会收到一个邮件,说是开通权限的时候会再次通知你,实际是不会发邮件给你的,我是2021年2月22号申请的,今天26号登陆上cf就已经有pages功能了,四天开通的。
登陆后就可以看到,在左上角,菜单里就有。如下图
英文界面是pages beta,中文方便点,点网页beta
1.创建项目
2.链接github账户
3.安装授权(我之前已经登陆了github账号)
4.输入账号密码后,选择选择一个储存仓库,我事先已经创建好了仓库了。点开始设置
5.填写项目名称,这个会得到一个永久二级域名:pages.dev,单字符的已经没有了,选择自己喜欢和好记的吧。框架那根据自己项目需要的环境需求来选择,默认的是public标准,如果你是一个博客有hexo,hugo等选择,设置好后保存并部署,
保存部署后等构建完就可以了。状态成功后就可以返回去了,可以看到我的二级域名变成了music-qec3.pages.dev
因为我输入项目名称和别人的没有重复,域名前缀就是项目名称,有重复的话就会变成这样(例如music变成music-qec3.pages.dev)随机的.
可以无限添加,遇到随机的了,可以在重新部署一个项目。我又重新部署了一个mymusic,就ok了
如果你不想用官方提供的二级域名,也可以在设置里自定义自己的域名。
跟着教程设置一下自己的域名就可以了