将Hexo静态博客内容免费发布到Cloudflare Pages
2024-08-12 15:09:53

在当今的网络环境中，个人博客的托管服务多种多样，而 Cloudflare Pages 是一个免费、快速且易于使用的静态网站托管平台。本文将介绍如何将 Hexo 生成的静态博客内容免费发布到 Cloudflare Pages，享受高性能的全球 CDN 和 SSL 支持。

1. 准备工作

在开始之前，确保你已经具备以下条件：

  1. 已经安装并配置好的 Hexo 静态博客。
  2. 一个 GitHub 或 GitLab 账户，并创建了一个用于存放博客内容的仓库。
  3. 一个 Cloudflare 账户。

2. 部署 Hexo 博客到 GitHub/GitLab 仓库

首先，需要将 Hexo 生成的静态文件推送到你的 GitHub 或 GitLab 仓库。可以按照以下步骤操作：

  1. 在 Hexo 博客的根目录下，运行以下命令生成静态文件：

    1
    hexo generate

  2. 进入生成的 public 目录，将其初始化为一个 Git 仓库：

    1
    2
    3
    cd public
    git init
    git remote add origin https://github.com/your-username/your-repo.git

  3. 将生成的文件推送到你的仓库：

    1
    2
    3
    git add .
    git commit -m "Deploy Hexo blog"
    git push -u origin master

    这一步将你的博客内容上传到 GitHub 或 GitLab 仓库。

3. 配置 Cloudflare Pages

接下来，我们将配置 Cloudflare Pages 来自动部署你的博客：

  1. 登录到 Cloudflare 仪表板，选择 Pages，然后点击 Create a project。

  2. 选择 Connect to Git，并授权 Cloudflare 访问你的 GitHub 或 GitLab 仓库。

  3. 选择之前存放博客内容的仓库，然后点击 Begin setup。

  4. 在 Project name 和 Production branch 中填写项目名称和分支名（通常是 master 或 main）。

  5. 在 Build settings 中，设置以下参数：

    • Framework preset: 选择 None
    • Build command: 留空，或者输入 echo 'No build command'
    • Build output directory: 输入 .

  6. 点击 Save and Deploy，Cloudflare Pages 将开始构建并部署你的博客内容。

4. 配置自定义域名（可选）

如果你希望使用自定义域名，可以按照以下步骤配置：

  1. 在 Cloudflare Pages 项目页面，点击 Custom domains，然后添加你的自定义域名。

  2. 按照提示在你的域名注册商处添加对应的 DNS 记录。

  3. 配置完成后，Cloudflare 会自动为你的域名配置 SSL 证书，确保访问安全。

5. 管理和更新博客

每次你在 Hexo 中更新博客内容后，只需重新生成静态文件并推送到 GitHub 或 GitLab 仓库，Cloudflare Pages 将自动检测到更改并重新部署最新内容。

hexo generate
cd public
git add .
git commit -m "Update blog"
git push origin master
上一页
2024-08-12 15:09:53