个人博客搭建（二）- 在Cloudflare上部署hexo博客

熊猫不是猫2025-06-232025-06-23

在Cloudflare上部署hexo博客

背景

之前写过一篇博客，在 Clawcloud 上部署博客，由于 Clawcloud 的免费额度只有5刀，用完之后，所有的容器都会被暂停，直到下个月有额度了才会恢复。对于白嫖党的我来说，这不能接受，而且部署在 clawcloud 上，稳定性完全不能跟 cloudflare 相比，clawcloud还是比较适合部署一些不那么重要的东西，比如前面我讲到的监控平台 - Clawcloud部署Uptime Kuma。所以趁着博客内容还不算太多，赶紧搬迁到cloudflare上。

技术选型

博客内容编写使用 Hexo
静态资源托管使用 Cloudflare Pages – 免费计划就可以使用，当然每个月有500次的免费构建次数，搭建好之后，一个月写500篇博客几乎不可能，哪怕是我的博客加了每日自动发布AI日报，也是够用的。
博客主题使用安知鱼
图床使用Cloudflare的R2对象存储 Cloudflare R2对象存储 – 免费10G空间，并且不收取流量费用！对于一个博客来说，可以说零成本。

搭建流程

创建github仓库

首先需要准备一个github仓库，用于存放hexo博客的代码。每当仓库有更新，cloudflare便会触发构建，并部署到Cloudflare Pages，自动更新博客。

Tips：创建仓库也就不详述了，程序员应该都会。

安装hexo

在hexo官网上能看到hexo的安装命令，

npm install hexo-cli -g

可以看出，hexo依赖node环境，所以需要安装node环境。

Node.js (Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本)

Git 也是必须的，你需要提交代码到GitHub仓库。

初始化hexo

执行命令，初始化hexo项目，注意：testBlog目录不需要自己创建，否则会报错目录已存在。

1	hexo init testBlog

可以看到日志输出：

hexo init testBlog
INFO  Cloning hexo-starter https://github.com/hexojs/hexo-starter.git
INFO  Install dependencies
INFO  Start blogging with Hexo!

Tips：如果报错安装依赖失败，或node版本低，请切换node版本重新init。

可以看到项目目录结构如下：

创建成功后，进入项目目录，执行命令：

1 2	hexo g hexo s

看到如下日志输出：

此时，博客已经可以本地访问，打开浏览器访问：http://localhost:4000/
界面如下：

安装安知鱼主题

根据安知鱼文档安装主题
1
npm i hexo-theme-anzhiyu
修改主题配置文件
打开 Hexo 根目录下的 _config.yml, 找到以下配置项，把主题改为anzhiyu
1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: anzhiyu
尝试生成静态文件
1
hexo g
发现报错：
Error: Cannot find module ‘hexo-util’
安装 hexo-util
1
npm install hexo-util
同时，查找安知鱼文档，发现主题依赖hexo-renderer-pug和hexo-renderer-stylus两个库。
进行安装：
1
npm install hexo-renderer-pug hexo-renderer-stylus --save
再次尝试生成静态文件
成功生成静态文件，日志如下：
启动博客
1
hexo s