Hexo 作为一款基于 Node.js 的静态博客生成器,凭借其简洁高效、主题丰富、部署便捷的特点,成为许多个人博主和技术爱好者的首选,而二级域名作为主域名的延伸,不仅能帮助博主打造独立的博客空间,还能通过清晰的域名层级提升品牌辨识度和内容管理效率,本文将详细介绍如何结合 Hexo 与二级域名搭建个人博客,从环境准备到部署上线,涵盖关键配置细节与常见问题解决方案,助你快速拥有专属的博客平台。

为什么选择 Hexo 搭建二级域名博客
在动手之前,了解 Hexo 与二级域名的适配优势至关重要,Hexo 的核心优势在于“静态化”:通过 Markdown 编写文章后,Hexo 会将其渲染为静态 HTML 文件,无需数据库支持,访问速度极快,且对搜索引擎友好(SEO),Hexo 拥有活跃的社区生态,提供数百款免费主题(如 NexT、Butterfly)和插件(如评论系统、站点地图),满足个性化定制需求。
二级域名的价值则体现在“独立性”上,假设你的主域名为 example.com,二级域名 blog.example.com 能明确区分博客与其他业务(如 shop.example.com),既保持品牌关联性,又避免内容混淆,二级域名可独立配置解析、SSL 证书和服务器资源,便于后续扩展(如多语言博客、专题子站),对于追求专业形象的个人博主而言,Hexo + 二级域名的组合是低成本、高性价比的选择。
Hexo 搭建二级域名的详细步骤
环境准备:安装 Hexo 运行基础
Hexo 的运行依赖 Node.js 和 Git,因此需先完成这两款工具的安装。
- Node.js:前往 Node.js 官网 下载 LTS 版本(推荐 16.x 以上),安装后打开终端输入
node -v和npm -v验证是否成功,Node.js 自带 npm(包管理器),用于安装 Hexo 相关依赖。 - Git:从 Git 官网 下载对应系统的安装包,安装后通过
git --version检查,Git 用于后续将博客代码推送至远程仓库(如 GitHub、Gitee)。
安装完成后,全局安装 Hexo CLI(命令行工具):
npm install -g hexo-cli
初始化 Hexo 项目
在本地创建一个文件夹作为博客根目录(如 hexo-blog),进入该目录并执行初始化命令:
hexo init
该命令会自动下载 Hexo 及其默认主题(landscape),并生成核心配置文件 _config.yml、主题文件夹 themes/、源文件夹 source/ 等。
初始化完成后,安装项目依赖:
npm install
若安装速度较慢,可切换国内镜像源:npm config set registry https://registry.npmmirror.com。
配置 Hexo 以适配二级域名
Hexo 的核心配置文件是根目录下的 _config.yml,其中与二级域名相关的配置需重点修改:

- 站点基本信息:修改文件开头的
title、subtitle、author等参数,定义博客标题、作者信息等。 - URL 配置:找到
url字段,将其设置为你规划的二级域名(如https://blog.example.com),注意:若暂未配置 HTTPS,可先使用http,但强烈建议后续启用 SSL。url: https://blog.example.com root: / # 二级域名部署在根目录,无需修改
- 主题配置:若使用默认主题 landscape,可直接跳过;若更换主题(如 NexT),需在
theme字段指定主题名称(如theme: next),并将主题文件夹内的_config.yml中的主题相关配置(如菜单、侧边栏)按需调整。
编写与预览文章
Hexo 使用 Markdown 格式编写文章,文章存放于 source/_posts/ 目录,执行以下命令生成一篇示例文章:
hexo new "我的第一篇博客"
该命令会在 source/_posts/ 下生成 我的第一篇博客.md 文件,使用 Markdown 编辑器(如 VS Code、Typora)打开并编辑内容。
编辑完成后,通过本地预览检查效果:
hexo server
启动后访问 http://localhost:4000,即可看到博客的实时渲染效果,预览无误后,执行 hexo generate 生成静态文件(默认存放在 public/ 目录)。
部署至支持二级域名的平台
静态博客的部署方式多样,推荐 GitHub Pages、Vercel 或云服务器,这里以 GitHub Pages 为例(免费且支持自定义域名):
- 创建 GitHub 仓库:登录 GitHub,新建一个公开仓库(如
hexo-blog),仓库名建议与博客相关。 - 配置 SSH 密钥(可选):若未配置 SSH,可通过 HTTPS 推送代码;配置 SSH 可提升推送效率,具体步骤可参考 GitHub 官方文档。
- 修改 Hexo 部署配置:在根目录
_config.yml底部找到deploy字段,修改为:deploy: type: git repo: https://github.com/你的用户名/hexo-blog.git # 仓库地址 branch: main # 分支名(GitHub 默认 main)
- 安装部署插件:若首次使用 Git 部署,需安装
hexo-deployer-git:npm install hexo-deployer-git --save
- 推送代码:执行部署命令:
hexo deploy
若配置正确,代码会自动推送到 GitHub 仓库的
main分支。
配置二级域名解析
部署完成后,需将二级域名指向 GitHub Pages 的服务器地址,以阿里云域名为例:
- 登录阿里云云解析 DNS,进入
example.com的解析列表。 - 添加记录类型为
CNAME的记录:- 记录值:
你的用户名.github.io(GitHub Pages 默认域名格式)。 - 主机记录:
blog(即二级域名前缀)。 - 解析线路:默认
默认。 - TTL:默认
10分钟。
- 记录值:
- 等待解析生效(通常几分钟至几小时),可通过
ping blog.example.com验证是否指向 GitHub 的 IP。
启用 HTTPS(安全必备)
HTTPS 是现代网站的标配,能提升数据安全性,GitHub Pages 默认支持 HTTPS,但需手动启用:
- 进入 GitHub 仓库的
Settings→Pages。 - 在
Custom domain输入你的二级域名blog.example.com,勾选Enforce HTTPS。 - 等待几分钟,HTTPS 证书会自动签发并生效,此后访问
https://blog.example.com即为安全连接。
二级域名配置的关键细节
DNS 解析的常见问题
若解析后无法访问,需排查以下几点:

- 记录类型错误:二级域名必须使用
CNAME记录,若主域名已使用A记录指向 IP,二级域名仍需CNAME。 - 缓存问题:本地 DNS 缓存可能导致解析延迟,可执行
ipconfig /flushdns(Windows)或sudo dscacheutil -flushcache(macOS)刷新。 - 域名服务商限制:部分服务商(如 GoDaddy)可能需要额外配置,可参考其帮助文档。
SEO 优化建议
为提升博客在搜索引擎中的排名,需注意:
- sitemap 生成:安装
hexo-generator-sitemap插件,自动生成站点地图:npm install hexo-generator-sitemap --save
在
_config.yml中添加配置:sitemap: path: sitemap.xml
- robots.txt 配置:在
source/目录下创建robots.txt文件,限制搜索引擎爬取不必要的页面(如后台):User-agent: * Allow: / Disallow: /admin/
- 文章元数据:在每篇 Markdown 文件的头部添加
title、date、tags等元数据,便于搜索引擎索引。
性能优化技巧
静态博客的性能优化主要集中在加载速度上:
- 图片压缩:使用
hexo-all-minifier插件自动压缩图片、CSS、JS 文件:npm install hexo-all-minifier --save
- CDN 加速:将静态资源(如图片、字体)托管至 CDN(如七牛云、Cloudflare),减少服务器压力。
- 主题优化:避免使用过于臃肿的主题,选择轻量化主题(如
fluid),并禁用不必要的插件和功能。
常见问题与解决方案
部署后样式错乱或图片无法显示
原因:_config.yml 中的 url 配置错误,导致 Hexo 生成的静态文件路径不正确。
解决:检查 url 是否为完整的二级域名(含 https://),并确保 root 为 (二级域名部署在根目录),若图片无法显示,检查文章中的图片路径是否为相对路径(如 /images/xxx.jpg)。
GitHub Pages 无法启用 HTTPS
原因:自定义域名与 GitHub Pages 默认域名不匹配,或证书签发失败。
解决:确保 CNAME 记录的值与 GitHub 仓库名一致(如 用户名.github.io),若仍失败,可在仓库 Settings → Pages 中重新触发 HTTPS 签发,或等待 24 小时后重试。
本地预览正常,部署后页面空白
原因:public/ 目录未正确生成,或部署命令未执行完整。
解决:重新执行 hexo clean && hexo generate && hexo deploy,清理缓存后重新生成并部署。
通过 Hexo 搭建二级域名博客,不仅能够享受静态博客的快速与稳定,还能通过二级域名打造独立的个人品牌形象,从环境安装、主题配置到域名解析与 HTTPS 启用,每一步都需要细致操作,但只要遵循本文的步骤,即使是新手也能顺利完成,Hexo 的灵活性和扩展性为后续优化提供了无限可能——无论是添加评论系统、集成数据分析工具,还是搭建多语言站点,都能通过插件和主题轻松实现,动手搭建你的专属博客吧,让文字在互联网的角落里生根发芽。



















