在我们编写博客时，如果是像我一样使用 Hexo 框架的话，那么我们可以使用静态页面托管。但是 GitHub 仓库的 GitHub Pages 要求必须把项目库公开。那么我今天来介绍如何将自己的 Hexo 博客部署在 CloudFlare Pages。

准备材料

  • GitHub / GitLab 账户
  • CloudFlare 账户

部署步骤

  1. 在 GitHub / GitLab 创建一个项目

  1. 在本地使用 Git 克隆仓库，将 Hexo 生成的博客文件复制过来

  1. 使用本地的 Git 命令，上传仓库内容
1
2
3
git add .
git commit -m "Init."
git push

如为初次使用 Git，请配置用户名和邮箱

1
2
git config --global user.name Git用户名
git config --global user.email Git注册邮箱
  1. 进入 CloudFlare 账户首页，转到“Pages”
  2. 点击“创建项目”→“连接到 Git”

  1. 选择自己部署 Hexo 的仓库

  1. 调整部署设置

  1. 构建完成后，你就可以使用 cf 生成的 pages.dev 二级域名来访问自己的博客了

  1. 可以在自定义域这里绑定自己的域名