使用Cloudflare Pages部署Hexo博客

Posted on Edited on

注意要点

  • 配置Cloudflare中部署指令不要使用 hexo generate，需要使用
    npx hexo generate
  • 环境变量需要指定YARN版本
    YARN_VERSION=1.22.10

详细步骤

1. 创建私有仓库

  • 登录GitHub：确保您已登录GitHub。
  • 创建新仓库：点击右上角的“New repository”按钮。
  • 设置仓库为私有：选择“Private”选项，以保护您的内容。
  • 填写仓库详情：为仓库命名（例如your-hexo-blog），可选地添加描述，然后点击“Create repository”。

2. Clone到本地

打开您的计算机上的命令行工具，然后使用以下命令克隆仓库：

1
git clone https://github.com/yourusername/your-hexo-blog.git

3. 初始化Hexo

在克隆的仓库所在的父目录中，运行以下命令来初始化您的Hexo博客：

1
hexo init your-hexo-blog

这将在your-hexo-blog目录下创建一个新的Hexo项目。

4. 安装依赖

进入新创建的your-hexo-blog目录，然后安装Hexo及其依赖：

1
2
cd your-hexo-blog
npm install

5. 对Hexo进行配置

在your-hexo-blog目录中，找到_config.yml文件并使用文本编辑器进行必要的配置。

6. 上传至仓库

将您的Hexo项目上传到GitHub：

1
2
3
git add .
git commit -m "Initial Hexo site"
git push origin main

7. 在Cloudflare中部署

  • 登录Cloudflare：访问Cloudflare Dashboard并登录。
  • 创建应用程序：找到“Workers 和 Pages”，选择创建“Page”应用程序。
  • 关联GitHub仓库：按指示选择GitHub账户和仓库，授权Cloudflare访问。
  • 配置构建和发布设置：
    • 构建命令：npx hexo generate
    • 发布目录：public

8. 设置环境变量

在Cloudflare Pages的设置中，添加以下环境变量：

  • NODE_VERSION=18.12.0
  • YARN_VERSION=1.22.10