Hexo搭建博客从第一步开始

开始

---

图片来自unsplash.com

半年前第一次在浏览网页的时候看到了hexo，那篇文章也是介绍hexo搭建轻型博客的文章，第一次看下来的时候，最直觉的感觉就是：这个博客好清新好干净好好看好喜欢。嗯，就是这样的感觉。

再其次的感觉就是写的有点笼统，上手感觉还有一定难度，所以就一直放着这份喜悦，并没有急着动手。后来过了这么久后，前几天心血来潮打开浏览器又看了那篇文章，觉得我还是要有一个自己博客来记录自己的生活与成长。

下面言归正传，开始讲讲我这花了一天搭建起来的hexo。
从安装配置hexo框架安装的环境开始，我就遇到了问题，之前一直在弄wamp跟js，node.js也没弄过，git也没安过，github也只是偶尔上去下个软件文件看看东西之类的。要是你也遇到了和我一样的问题，就和我一起来解决吧。我也是在网上看了好多资料才解决的。

node.js安装

本文是通过nvm安装方式安装的node.js（hexo官网文档说：安装 Node.js 的最佳方式是使用nvm），下面开始nvm安装node.js了。

1.nvm下载安装

在nvm官网下载nvm-windows版nvm-setup.zip，像平常安装软件一样安装好就行，说一下在安装进程中会看到一步叫你选择symlink一个文件夹，默认是C:\Program Files\nodejs，我是安装在D：\dev\nvm（下面都按我的安装目录做说明，不再另加说明）。安装好nvm后，打开nvm的安装目录D:\dev\nvm右键点击install.cmd点击管理员运行。会弹出一个cmd命令窗口，会让你输入一个“压缩文件解压或拷贝到的一个绝对路径”，不用不用管他，直接回车，会在d盘根目录下生成一个settings.txt，关闭就行，你会在nvm的安装目录下面看到这个文件。接下来就是修改系统环境变量跟用户变量了。鼠标右键点击我的电脑，点击【属性】，再会在【高级】下面看到环境变量，鼠标左键点进去，接下来就可以修改环境变量了。

修改用户变量

前面的那个环境变量先不要添加，等到后面再安装npm的时候再添加。
在用户变量下点击path变量点击【编辑】就能进到下面的窗口，要按下面的顺序添加不能弄错了（严肃向）%NVM_HOME%，%NVM_SYMLINK%。

修改用户变量

接下来就是修改系统变量
在系统环境变量中会看到NVM_HOME和NVM_SYMLINK这两个变量名分别修改成D:\dev\nvm和 D:\dev\nodejs。

修改系统变量

2.准备工作就绪，后面就开始安装node.js啦。

电脑用管理员身份打开cmd命令窗口，不知道的按win+s键输入cmd搜索就行，注意要用管理员身份运行，要是不这样做的话，可能会出错误。

打开了cmd就可以输入下列命令来开始安装了。
输入命令：
nvm v #查看当前nvm版本
nvm install latest #下载安装最新版本node.js
完成下载安装后，会让你use那个最新的node版本，按他提示的输入就行。这样你的node.js就安装好了。你会在刚安装的目录D:\dev下看到一个nodejs的文件夹，其实是一个快捷方式。不用管它，它显示你的node.js已经安装好了。接下来就开始安装npm了。

3.安装npm->nodejs的包管理工具

安装npm主要有以下用途：管理node包，包括：安装、卸载、更新、查看、搜索、发布等。
node.js安装完成后都会自带安装好了本地安装的npm，但是为了更好的使用npm进行包的管理工作，我们有必要在全局下安装npm。

本地安装：package会被下载到当前所在目录，也只能在当前目录下使用。
全局安装：package会被下载到到特定的系统目录下，安装的package能够在所有目录下使用

在cmd（右键管理员身份运行）中，键入以下命令：
输入命令：
npm config set prefix "D:\dev\nvm\npm" #配置npm的全局安装路径
然后会在C:\Users\目录下看到一个刚上述命令执行后生成的一个文件.npmrc,用记事本打开可以看到：prefix=D:\dev\nvm\npm.

继续在命令中输入npm install npm -g，回车后会显示正在正在下载npm包，安装好后就可以在D:\dev\nvm\npm中看到npm的安装目录

还没好呢，接下来还有一步，配置npm的环境变量--【用户变量】。

按上述操作，找到环境变量的配置窗口，先来修改用户变量。
注意：这里也是一样，一定要按顺序，将%NPM_HOME%环境变量添加在最前面。

修改用户变量

在用户变量界面还要记得添加npm的变量值，点击【新建】，在新建用户名窗口分别添加【变量名】和【变量值】为 NPM_HOME、 D:\dev\nvm\npm
注意：这个一定记得要填，不然会出现 -bash: hexo: command not found。

snipaste20161211_165810.png

这样hexo博客搭建的环境已经建好了。接下的教程可以参看某位大神写的教程。嘟嘟MD-hexo干货系列：（一）hexo+gitHub搭建个人独立博客。