开始
半年前第一次在浏览网页的时候看到了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
。
这样hexo博客搭建的环境已经建好了。接下的教程可以参看简书某位大神写的教程。嘟嘟MD-hexo干货系列:(一)hexo+gitHub搭建个人独立博客。