6 步零成本搭建流程 + 5 款真免费主题 + 8 个实战场景 + 1 张速查表。涵盖：技术博客 / 学习笔记 / 项目文档 / 个人主页——极客 / 程序员首选，¥0 成本永久免费。
Hexo + GitHub Pages 免费建站：极客专属
> 6 步零成本搭建流程 + 5 款真免费主题 + 8 个实战场景 + 1 张速查表。
> 涵盖：技术博客 / 学习笔记 / 项目文档 / 个人主页——极客 / 程序员首选。
一、为什么 2026 年要选 Hexo + GitHub Pages？
完全免费：不用买服务器 / 域名（可选）
速度快：静态页面 + CDN 全球加速
稳定性强：GitHub 服务器 = 99.99% 可用
Markdown 原生：写博客 = 写 Markdown
版本控制：所有内容都在 Git
对比其他方案：
| 方案 | 成本 | 速度 | 上手难度 | 适合 |
|---|---|---|---|---|
| Hexo + GitHub Pages | 免费 | ⚡⚡⚡⚡⚡ | 中等 | 技术博客 |
| WordPress | 70 元/月 | ⚡⚡⚡ | 简单 | 企业站 |
| Typecho + 服务器 | 70 元/月 | ⚡⚡⚡⚡ | 简单 | 个人博客 |
| Notion + Super | 免费 | ⚡⚡⚡⚡ | 简单 | 轻博客 |
| Medium | 免费 | ⚡⚡⚡⚡ | 简单 | 国际向 |
二、6 步零成本搭建流程（小白 1 小时）
步骤 1：准备 GitHub 账号（5 分钟）
注册 github.com
创建仓库：
你的用户名.github.io（如
zhangsan.github.io）
步骤 2：安装 Node.js（5 分钟）
下载：nodejs.org
选 LTS 版本（18+）
安装后验证：
```bash
node -v
npm -v
```
步骤 3：安装 Hexo（10 分钟）
npm install -g hexo-cli hexo init my-blog cd my-blog npm install
步骤 4：写第一篇文章（5 分钟）
hexo new "我的第一篇博客" # 编辑 source/_posts/我的第一篇博客.md hexo generate hexo server
访问 http://localhost:4000 预览
步骤 5：配置 Git 部署（10 分钟）
修改 _config.yml：
deploy: type: git repo: git@github.com:你的用户名/你的用户名.github.io.git branch: main
安装部署插件：
npm install hexo-deployer-git --save
步骤 6：部署上线（5 分钟）
hexo clean hexo generate hexo deploy
访问 https://你的用户名.github.io 看到你的博客
三、5 款真免费 Hexo 主题
主题 1：Next（最常用）
特点：成熟 / 文档全 / 多主题
适合：所有博客
GitHub：theme-next/hexo-theme-next
下载量：30 万+
推荐度：⭐⭐⭐⭐⭐（首选）
主题 2：Butterfly（颜值党）
特点：美观 / 动效 / Pjax
适合：颜值党
GitHub：jerryc127/hexo-theme-butterfly
推荐度：⭐⭐⭐⭐⭐
主题 3：Fluid（极简）
特点：极简 / 干净 / 加载快
适合：技术博客
GitHub：fluid-dev/hexo-theme-fluid
推荐度：⭐⭐⭐⭐
主题 4：Yun（文艺）
特点：文艺 / 清新 / 配色好
适合：文艺博客
GitHub：YunYouJun/hexo-theme-yun
推荐度：⭐⭐⭐⭐
主题 5：Matery（功能强）
特点：功能多 / 音乐 / 电影 / 相册
适合：个人主页
GitHub：blinkfox/hexo-theme-matery
推荐度：⭐⭐⭐⭐
四、8 个实战场景案例
场景 1：技术博客
主题：Next
内容：技术文章 + 代码
示例：我的博客 / 张鑫旭 / 阮一峰
场景 2：学习笔记
主题：Fluid
内容：笔记 / 教程
示例：各种学习博客
场景 3：项目文档
主题：Next
内容：API 文档 / 用户手册
示例：Vue 官方文档 / React 文档
场景 4：个人主页
主题：Matery
内容：关于我 / 项目 / 技能
示例：各种个人主页
场景 5：摄影作品集
主题：Butterfly
内容：摄影 / 作品
示例：摄影师博客
场景 6：AI 教程站
主题：Next
内容：AI 教程 / Prompt
示例：AI 学习站
场景 7：周报 / 月报
主题：Fluid
内容：个人周报
示例：工程师博客
场景 8：英文技术博客
主题：Next
内容：英文技术文章
示例：Medium 平替
五、5 条进阶优化建议
优化 1：自定义域名
买域名：阿里云 / Cloudflare（50 元/年起）
DNS 配置 CNAME
在 source 目录加 CNAME 文件
优化 2：CDN 加速
Cloudflare 免费 CDN
国内：腾讯云 / 阿里云
优化 3：SEO 优化
# _config.yml keywords: 技术博客, 极客, AI description: 个人技术博客
优化 4：评论系统
推荐：Gitalk / Valine / Twikoo
用 GitHub Issues 当评论
优化 5：图床
推荐：七牛云 / 又拍云 / SM.MS
Markdown 引用图片链接
六、3 个真实案例
案例 1：程序员个人博客
主题：Next
内容：200+ 技术文章
访问：GitHub Pages + 自定义域名
日 PV：2000+
成本：0 元
案例 2：AI 教程站
主题：Butterfly
内容：AI 教程 + Prompt
访问：GitHub Pages
日 PV：5000+
成本：0 元
案例 3：摄影师作品集
主题：Butterfly
内容：500+ 摄影作品
访问：GitHub Pages + Cloudflare CDN
日 PV：1000+
成本：0 元（域名 50 元/年）
七、避坑提醒（5 个 Hexo 雷区）
不要忘记 hexo clean → 改完主题 / 配置必跑
不要用老版本 Node.js → 必须 14+
不要把所有内容堆首页 → 用 tags / categories 分类
不要忽视图床 → 不要把图片丢 GitHub（占仓库）
不要用默认 permalink → 改成
/posts/xxx/（SEO 友好）
八、常见问题 FAQ
Q1：Hexo 难学吗？
A：中等。会 Markdown + 命令行 = 1 小时上手。
Q2：GitHub Pages 在国内访问慢吗？
A：
GitHub Pages 国内访问 有时慢
解决：套 Cloudflare CDN 或用 Vercel / Netlify
Q3：Hexo 数据迁移方便吗？
A：很方便。所有内容都是 Markdown 文件，备份 = 复制文件夹。
Q4：能加广告吗？
A：能。在主题里加 <script> 即可。
Q5：能加付费功能吗？
A：能，但要接第三方（微信支付 / 支付宝），不如动态网站。
九、资源下载（速查表）
文章配套 1 张「Hexo + GitHub Pages 速查表」JPG：
6 步零成本搭建流程
5 款真免费主题对比
8 个实战场景案例
5 条进阶优化建议
3 个真实案例 + 5 个 FAQ
