超详细Hexo安装教程(新手零踩坑)#1
零基础安装 Hexo 完整教程
Hexo 是一款基于 Node.js 的快速、简洁且高效的静态博客框架,支持 Markdown 语法,只需简单命令即可生成精美静态页面,搭配 GitHub Pages 可免费搭建个人博客,无需服务器、零成本上线。本文以 Windows 系统 为例,带你一步步完成 Hexo 安装与本地初始化。
一、安装前准备(必备环境)
Hexo 运行依赖两个核心工具,必须先安装,否则无法正常使用:
- Node.js(≥14.0 版本,推荐 LTS 稳定版)
- Git(版本管理工具,用于后续部署)
1. 安装 Node.js
- 打开 Node.js 官网:https://nodejs.org/
- 下载 LTS 长期支持版(左侧绿色按钮),一路默认安装即可。
- 验证安装:按下
Win+R输入cmd打开命令提示符,执行:1
2node -v
npm -v - 出现版本号即安装成功。
2. 安装 Git
- 打开 Git 官网:https://git-scm.com/
- 下载对应系统版本,默认安装即可。
- 验证安装:在 cmd 执行:
1
git --version
- 出现版本号即安装成功。
二、全局安装 Hexo 命令行工具
环境准备完毕后,以管理员身份打开 cmd(避免权限报错),执行安装命令:
1 | npm install -g hexo-cli |
- 等待安装完成,执行验证命令:
1
hexo -v
- 显示 Hexo 版本信息(如
hexo-cli: 4.3.0),代表 Hexo 安装成功!
三、初始化 Hexo 博客项目
- 新建一个空文件夹(如
D:\my-blog),作为博客根目录。 - 在文件夹内按住 Shift + 右键,选择「在此处打开命令窗口」或「Open Git Bash here」。
- 执行初始化命令:
1
hexo init
- 初始化完成后,安装项目依赖:
1
npm install
四、本地启动 Hexo 博客
- 生成静态页面:
1
hexo g
- 启动本地服务器:
1
hexo s
- 打开浏览器,访问:
http://localhost:4000 - 看到 Hexo 默认页面,恭喜你!Hexo 安装与本地搭建全部完成。
五、常用 Hexo 命令(收藏备用)
hexo init 文件夹名:初始化博客hexo new "文章标题":新建文章hexo generate / hexo g:生成静态页面hexo server / hexo s:启动本地服务hexo clean:清理缓存文件(页面异常时使用)
六、常见问题解决
- npm 安装慢:切换淘宝镜像
1
npm config set registry https://registry.npmmirror.com/
- 权限报错:关闭 cmd,重新以管理员身份运行。
- 端口被占用:指定端口启动
1
hexo s -p 另一个端口号
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 ⚡Pjyz`s Blog⚡!