hexo-with-cloudflare-pages

本文将介绍如何使用 Hexo 在 Cloudflare Pages 上部署属于自己的博客网站。

准备工作

• Hexo
• Github 账户
• CloudFlare 账户

生成hexo站点

$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server

安装 hexo 主题fluid

如下修改 Hexo 博客目录中的 _config.yml：

theme: fluid  # 指定主题
language: zh-CN  # 指定语言，会影响主题显示的语言，按需修改

更多请参考: fluid

在 GitHub 创建 blog 项目

在你的 GitHub 上新建一个仓库，不限制仓库可见性，你可以将其设置为 Private 仓库；仓库名字不限。
部署的方法有很多，此处使用最简单的 hexo-deployer-git 方法。
首先安装 hexo-deployer-git 插件。

$ npm install hexo-deployer-git

完成后，打开 _config.yml 并在文件尾部追加下列配置项（如果该配置项已在 _config.yml 中存在，请直接将相关项替换即可）。

deploy:
  type: git
  repo: https://github.com/<username>/<project>
  branch: main

这将推送到 main 分支上
在推送更改之前，请至少先检查网站是否正常工作，执行

$ hexo s

本地查看无误后推送到GitHub

$ hexo clean
$ hexo d -g

配置 Cloudflare Pages

前往 Cloudflare 登录你的账号，在左侧边栏找到 Workers 和 Pages

点击“连接到 Git”

填写项目名称

生产分支 –> main

框架预设 –> None

构建命令 –> 留空

点击构建，至此博客已经部署完成。