Github + Cloudflare Page 部署你的个人项目

Cloudflare Page 是一个免费且简单好用的 CI/CD 平台,大部分知名的前端框架的项目都可以通过它
来编译和部署。
支持多种语言,例如 Ruby、Node.js、Python、PHP 和 Go。官网上支持的框架看这里

本篇文章以 hexo 为例

零、前期准备

  1. 一个 Cloudflare 账号 注册页面
  2. 基础的 GitHub 使用经验

一、创建项目关联 GitHub 仓库

在控制台找到 Workers & Pages - Overview 点击 Create application, 跟着页面提示关联项目配置即可。

如果找不到你的 repo, 跟着红框里的开启 Github 授权访问

二、项目配置

选择代码仓库、构建分支、框架(如果你的项目不在他的预制框架里的话就选空)、构建命令和输出文件目录

由于 Cloudflare 默认使用的 node、 npm 、yarn 版本都比较低,如果你的项目对环境有要求,则自己设置下环境变量。语言支持及环境变量

最后 Save and Deploy 完成~

三、构建和部署配置

如果你有不同环境的构建区分要求,比如 开发 和 生产 则可以通过构建和部署去配置

环境 分支 是否自动构建 访问地址
Production 单选,固定分支 可配置 项目地址
Preview 固定分支、通配符(包含或排查) 可配置 会自动生成一个临时访问地址

四、自定义域名

把生成的 CNAME 解析地址配置到域名上就完成了。

目录