本教程介绍如何使用 Hexo 静态站点生成器和 Cloudflare Pages 免费托管服务搭建一个现代化的个人博客。

为什么选择这个方案？

Hexo 的优势

  • 简单易用：使用 Markdown 编写文章
  • 生成快速：静态站点，加载速度快
  • 主题丰富：大量现成主题可选
  • 插件生态：丰富的插件支持

Cloudflare Pages 的优势

  • 全球 CDN：自动分发到全球节点
  • 免费托管：无限带宽和请求
  • 自动部署：Git 推送即部署
  • 自定义域名：支持绑定自己的域名
  • HTTPS 证书：自动配置 SSL

搭建步骤

1. 安装 Hexo CLI

1
npm install -g hexo-cli

2. 初始化博客

1
2
3
hexo init my-blog
cd my-blog
npm install

3. 本地预览

1
hexo server

访问 http://localhost:4000 即可看到你的博客。

4. 创建第一篇文章

1
hexo new "Hello World"

5. 推送到 GitHub

1
2
3
4
5
git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/your-username/your-repo.git
git push -u origin main

6. 配置 Cloudflare Pages

  1. 登录 Cloudflare Dashboard
  2. 进入 Workers & Pages
  3. 连接 GitHub 仓库
  4. 设置构建命令：npm run build
  5. 设置输出目录：public

完成！现在每次推送代码到 GitHub，Cloudflare Pages 会自动部署你的博客。

写作建议

Markdown 基础语法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# 标题
## 二级标题

**粗体** *斜体*

- 无序列表
1. 有序列表

[链接](url)
![图片](image-url)

> 引用

`代码`

\```
代码块
\```

文章 Front Matter

每篇文章都应该包含元数据：

1
2
3
4
5
6
7
8
9
---
title: 文章标题
date: 2026-01-27 15:00:00
tags:
  - 标签1
  - 标签2
categories:
  - 分类名称
---

总结

使用 Hexo 和 Cloudflare Pages 搭建博客是一个非常简单和高效的选择。整个搭建过程只需几分钟，而且完全免费。

你只需要专注于写作，其他的就交给这些工具来处理吧！