Github + Cloudflare Page 部署你的个人项目
Cloudflare Page 是一个免费且简单好用的 CI/CD 平台,大部分知名的前端框架的项目都可以通过它
来编译和部署。
支持多种语言,例如 Ruby、Node.js、Python、PHP 和 Go。官网上支持的框架看这里
本篇文章以 hexo
为例
零、前期准备
- 一个 Cloudflare 账号 注册页面
- 基础的 GitHub 使用经验
一、创建项目关联 GitHub 仓库
在控制台找到 Workers & Pages
- Overview
点击 Create application
, 跟着页面提示关联项目配置即可。
如果找不到你的 repo
, 跟着红框里的开启 Github 授权访问
二、项目配置
选择代码仓库、构建分支、框架(如果你的项目不在他的预制框架里的话就选空)、构建命令和输出文件目录
由于 Cloudflare 默认使用的 node、 npm 、yarn 版本都比较低,如果你的项目对环境有要求,则自己设置下环境变量。语言支持及环境变量
最后 Save and Deploy
完成~
三、构建和部署配置
如果你有不同环境的构建区分要求,比如 开发 和 生产 则可以通过构建和部署去配置
环境 | 分支 | 是否自动构建 | 访问地址 |
---|---|---|---|
Production | 单选,固定分支 | 可配置 | 项目地址 |
Preview | 固定分支、通配符(包含或排查) | 可配置 | 会自动生成一个临时访问地址 |
四、自定义域名
把生成的 CNAME
解析地址配置到域名上就完成了。
PREV
微信小程序:3D 模型渲染
NEXT