github静态部署hexo+fluid并使用CF自定义域名

github静态部署hexo+fluid并使用CF自定义域名

一、本地搭建 Hexo + Fluid

1. 安装环境

npm install -g hexo-cli

初始化项目：

hexo init blog
cd blog
npm install

2. 安装 Fluid 主题

npm install --save hexo-theme-fluid

修改 _config.yml：

theme: fluid

（Fluid 官方推荐 Hexo 5+）

3. 本地预览

hexo s

浏览器访问：

http://localhost:4000

二、推送到 GitHub

1. 创建仓库

hexo-blog

2. 推送代码

git init
git add .
git commit -m "init"
git branch -M main
git remote add origin https://github.com/你的用户名/仓库名.git
git push -u origin main

三、Cloudflare Pages 部署

1. 创建 Pages 项目

进入 Cloudflare：
（注意！这一步要选择page不要选择worker）

Workers & Pages → Create → Pages → Connect to Git

选择你的 GitHub 仓库

2. 构建配置（关键）

填写：

Framework preset: None
Build command: npm install && npx hexo generate
Build output directory: public

说明：

hexo generate 会生成静态文件到 public/
Cloudflare 会自动部署该目录

3. 自动部署

之后每次：

git push

Cloudflare 会自动重新构建并上线

四、绑定 Cloudflare 域名

1. 添加域名

Cloudflare Pages → Settings → Custom domains

输入你的域名，例如：

blog.example.com

2. DNS 自动配置

Cloudflare 会自动创建：

CNAME blog → xxx.pages.dev

所有步骤已完成，可以访问博客页面了！