本文最后更新于 %d 天前,文中所描述的信息可能已发生改变。
Hexo 博客项目使用说明书
本文档详细介绍了如何使用、配置和维护本 Hexo 博客项目。
目录
快速开始
1. 环境准备
确保本机已安装 Node.js (推荐 v18+) 和 Git。
2. 安装依赖
首次克隆项目后,请在项目根目录运行:
1 | npm install |
常用命令
新建文章
使用以下命令快速创建新文章:
1 | # 格式: npx hexo new "文章标题" |
生成的文章文件位于 source/_posts/我的第一篇文章.md。
本地预览
启动本地服务器预览博客效果:
1 | npx hexo server |
访问地址: http://localhost:4000
注意: 如果提示端口被占用,请参考 常见问题。
部署博客
推荐使用 Git 推送触发自动部署:
1 | git add -A |
稍等片刻,GitHub Actions 会自动构建并部署到 GitHub Pages。
👉 详细步骤请参考: Hexo 博客部署详细教程
项目配置
站点主配置文件位于 _config.yml。
关键配置项
- title: 博客标题
- author: 作者名称
- url: 你的 GitHub Pages 地址 (例如
https://username.github.io) - language: 语言设置 (默认
zh-CN) - theme: 主题设置 (当前为
yearn)
主题配置 (Yearn)
Yearn 主题的配置文件位于 themes/yearn/_config.yml。
常用修改
- menu: 顶部导航菜单
- subnav: 社交链接配置 (GitHub, Email 等)
- avatar: 头像 URL (可以是本地路径
/images/avatar.jpg或网络图片) - leftBackground: 首页左侧背景图列表 (每次刷新随机显示)
修改头像
- 将头像图片放入
source/images/目录(例如avatar.jpg) - 修改
themes/yearn/_config.yml:1
avatar: /images/avatar.jpg
常见问题
1. 端口被占用 (EADDRINUSE: :::4000)
如果运行 npx hexo server 时提示 FATAL Port 4000 has been used,说明之前的服务没有正常关闭。
解决方法:
- 查找占用进程:
1
lsof -i :4000
- 终止进程:
1
2
3kill <PID>
# 或者一键杀掉所有 hexo 进程
pkill -f hexo - 更换端口启动:
1
npx hexo server -p 4001
2. 部署失败
请检查 GitHub Actions 页面查看构建日志。常见原因:
- 文章 Front-matter 格式错误
- 缺少必要的插件依赖 (尝试运行
npm install修复) - Pages 服务未开启 (404 错误): 请参考 修复 GitHub Pages 部署错误
- 样式错乱 (CSS 加载失败): 你的博客部署在子路径 (例如
/chenxq.github.io/),请检查_config.yml中的url和root配置是否包含了该子路径。