从零搭建个人博客 - Hexo + EdgeOne 完整指南

前言

欢迎来到番星的博客！

作为一个热爱技术的开发者，我一直想拥有一个属于自己的个人博客。经过一番调研，我找到了一套简单高效的方案，从搭建到部署基本可以在一小时内完成。

本文将分享我的建站经验和完整流程。

---

技术栈选择

搭建静态博客的方案有很多，我最终选择了以下组合：

组件	选择	说明
静态生成器	Hexo	基于 Node.js，快速、强大、插件丰富
主题	hexo-theme-redefine	精美的动漫风格主题
代码托管	Gitee	国内访问速度快，稳定可靠
部署平台	EdgeOne Pages	全球边缘网络，免费静态托管

为什么选择这个方案？

• 零成本：所有工具和服务都有免费版本
• 高性能：静态网站加载速度极快，配合 CDN 全球加速
• 易维护：写文章只需编辑 Markdown 文件，推送即部署
• AI 辅助：配合 AI 工具，内容创作效率倍增

---

快速开始

1. 安装 Hexo

确保已安装 Node.js，然后全局安装 Hexo CLI：

npm install -g hexo-cli

初始化博客项目：

hexo init my-blog
cd my-blog
npm install

2. 配置主题

我使用的是 hexo-theme-redefine 主题，安装方法：

git clone https://github.com/EvanNotFound/hexo-theme-redefine themes/redefine

在 _config.yml 中设置主题：

theme: redefine

3. 创建文章

使用 Hexo 命令快速创建文章：

hexo new "我的第一篇文章"

这会在 source/_posts/ 目录下生成一个 Markdown 文件，编辑即可开始写作。

---

部署流程

推送到 Gitee

将博客源码推送到 Gitee 仓库：

git add .
git commit -m "初始化博客"
git push origin main

EdgeOne Pages 部署

EdgeOne Pages 是腾讯云提供的静态网站托管服务，支持全球加速。

部署步骤：

1. 在 EdgeOne 控制台创建项目
2. 关联 Gitee 仓库
3. 配置构建命令：hexo generate
4. 配置输出目录：public
5. 点击部署，等待完成

每次推送代码后，EdgeOne 会自动拉取最新代码并重新部署。

---

优化技巧

性能优化

• 启用 CDN：在主题配置中开启 CDN 加速静态资源
• 代码压缩：使用 hexo-neat 插件自动压缩 HTML/CSS/JS
• 图片优化：压缩图片体积，使用 WebP 格式
• 懒加载：开启图片懒加载，提升首屏加载速度

SEO 优化

• 站点地图：安装 hexo-generator-sitemap 生成 sitemap
• Open Graph：配置社交媒体分享卡片
• 自定义描述：为每篇文章添加准确的 description

主题美化

• 自定义配色方案
• 添加动漫风格的装饰元素
• 优化移动端响应式布局

---

博客功能

目前博客已实现以下功能：

• 文章分类与标签
• 归档时间线
• 友情链接页面
• 关于页面
• 动漫图库集成（ACG 页面）
• 响应式设计，移动端友好

---

总结

这套建站方案的核心优势：

1. 门槛低：只需基础的 Git 和 Markdown 知识
2. 成本低：全部免费，无需服务器
3. 速度快：静态网站 + CDN 全球加速
4. 易扩展：Hexo 插件生态丰富，功能可无限扩展

如果你也想搭建个人博客，强烈推荐这个方案！

后续我会在这里分享更多技术内容和建站经验，欢迎关注。

---

📝 番星 · 科技研究记录