Windows 系统使用 Hexo 搭建博客（一）：配置本地环境

发表于 | 更新于 | 分类于 | 阅读次数：

这是 Windows 系统使用 Hexo 搭建博客系列文章：

  1. 配置本地环境；
  2. 连接网络；
  3. 博客配置和主题配置；
  4. 博客写作；

这是第一篇：配置本地环境。

1. 下载 Node.js 和 Git（Cmder）

使用 Hexo 前必须有 Node.js 和 Git 的支持。
原因是：配置本地环境就是要有搭建网页（前端）工具：Node.js，以便之后使用专门的博客工具（Hexo，Jekyll 等）来进行网页生成。而又由于 Windows 对 Node.js 的支持并不好，因此还需要下载 Git 来进行操作。
而又因为 Windows 下对 Git 的支持也不好，因此需要下载 msysgit。正好 Windows 下的原生 Cmd 并不好用，因此可以下载完整版的 Cmder 1，里面自带了 msysgit，并且界面非常漂亮。因此此后所有的博客相关操作，包括 Git 的相关操作，都无需再使用很丑的 git-bash，而直接用 Cmder 即可。

1.1 下载 Cmder 完整版

download_Cmder_full_version

1.2 下载 Node.js

  1. 下载 Node.js 的 Windows 安装包。
  2. 测试 Node.js 是否成功安装
    在 Cmder 中输入命令：npm --version，若正常安装即可显示版本信息。

2. 使用和配置 Hexo

  1. Hexo 2 事实上是 Node.js 的一个工具，因此安装 Hexo 是全局安装的；
  2. 然后要初始化 Hexo，那初始化就是需要指定文件夹的，那这个文件夹就是我们的博客文件夹；
  3. 初始化之后，在文件夹中就会有 Hexo 的相关配置文件；
  4. 下一步就是要下载 Hexo 的相关插件，来丰富博客的功能；

2.1 安装 Hexo

  1. 直接在根目录下即可安装 Hexo（因此 Hexo 事实上是全局的），输入命令：npm install -g hexo-cli
  2. 安装之后使用 hexo version 进行检查，若正常输出则安装成功。

2.2 使用 Hexo 建立网站

  1. 去到博客所在的文件夹，输入：hexo init blog_directory_path
    显示 INFO Start blogging with Hexo! 即表示初始化成功。
    之后在博客文件夹中，会有如下文件/文件夹：
    init_hexo_file_tree
    • _config.yml：网站的配置信息，如网站名等；
    • package.json：网站的插件信息，以下这些插件是默认安装的；
      hexo_package_json
    • scaffolds：存储了文档模板的文件夹，在生成博文时会根据模板默认填充部分信息如标题、日期、标签等，可定制化；
    • source：存储博文的文件夹，博文存储在 _post 文件夹中，在网站生成（部署）的时候，_post 文件夹里面的博文会被放到一个新建的 public 文件夹中；
    • themes：存储主题文件夹，默认主题是 lanpscape。注意，主题文件夹中的 _config.yml 和 package.json 是对主题进行修改配置的文件；
  2. 进入博客文件夹，输入：npm install，完成最后的初始化操作。

2.3 安装 Hexo 插件

  • 安装 git 上传插件：npm install hexo-deployer-git --save
  • 安装搜索插件：npm install hexo-generator-searchdb --save
  • 安装 RSS 插件：npm install hexo-generator-feed --save

3. 生成静态网页进行检测

输入以下三个语句即可：

1
2
3
hexo new test_page # 在 _post 文件夹中新建一个 md 文件叫 test_page
hexo generate # 把博文的网页生成出来
hexo server # 生成静态网页

hexo_server_test

4. Hexo 升级

很可能会出问题，慎用！
命令：npm update hexo -g

脚注：

1. Windows上的程序员神器——Cmder ↩
2. Hexo 文档 ↩