回到文章目录

安装 Node.js

  • Hexo 框架依赖于 Node.js 所以我们需要先安装 Node.js。

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它让 JavaScript 可以脱离浏览器运行在服务器端。npm（node package manager）是 Node.js 的包管理器，用于 node 插件管理（包括安装、卸载、管理依赖等），这里需要使用 nmp 下载 Hexo 框架。

  • 前往官网下载 Node.js 长期维护版，按照指引完成安装。

    Node.js 官网下载

  • 命令行 检查 `Node.js` 安装。

    之后的操作都将使用命令行完成。

1
2
3
node -v  # 查看 node 版本号，我的版本：V18.17.0
npm -v   # 查看 nmp 版本号，我的版本：V9.6.7
npm

安装 Hexo 框架

1
2
npm install -g hexo-cli
hexo -v  # 查看 hexo 版本号，我的版本：V4.3.1

初始化个人博客

  • 此操作后你的个人博客将称为你的默认博客目录，之后的所有 hexo 命令都默认在该目录执行。
1
2
3
4
5
cd {你的博客目录}         # 切换到你的博客目录
hexo init {你的博客名称}  # 初始化你的博客，博客目录为 {你的博客目录}/{你的博客名称}
cd ./{你的博客名称}       # 切换到你的博客目录
npm install             # 在项目中添加所需要的依赖包
hexo g                  # 将网页静态文件生成到 默认博客目录/public 下
1
2
3
4
5
6
# 我的个人示例
cd -d D:/Mine/Hexo
hexo init JamhusTaoBlog
cd ./JamhusTaoBlog
npm install
hexo g
  • 至此你的个人博客目录已经初始化完成，让我们使用 资源管理器 打开 {你的博客目录}/{你的博客名称} 查看里面有哪些内容。

Hexo初始化博客目录截图

  • source：页面与文章目录，内部的 _posts 用于存放文章，可以看到里面已经有一个 hello-world.md。
  • themes：主题目录。
  • public：静态网页文件目录。
  • _config.yml：博客信息配置文件。

试运行

  • 启动 hexo 服务进程。
1
hexo s  # localhost:4000
  • 浏览器打开 http://localhost:4000 查看效果。可以！非常顺利！

Hexo 试运行博客界面截图

  • Ctrl+C 终止进程。