【GitHub搭建个人博客】一、Windows下安装NodeJS和HEXO


注:为了省下购买服务器的钱,选择在GitHub下挂载博客,这样做的缺点是只能挂载静态页面,维护起来比较麻烦,但鉴于只是一个小小的个人博客,也可以花一点点精力折腾一下。

一、Windows + NodeJS

1. 下载安装包

首先到nodejs官网下载Windows系统下的安装包:
在这里插入图片描述
注:LTS是比较稳定的版本,建议下载LTS,不要下载Current;另外,我的电脑是64位的,所以选择64-bit。

2. 安装NodeJS

双击下载的 node-vxxx.msi 文件进行安装,注意以下两点:

  • 安装路径可自由选择;
  • 安装期间出现的所有框框,都打上对勾,如添加环境变量、安装依赖等。

注:如果按以上要求,在安装过程中把所有框框都打了勾的话,在安装步骤的最后会弹出cmd界面,提示不断敲击回车,电脑会自动安装python、VisualStusio等依赖,静静等它自己执行完毕即可。如果中间因为网络等原因断开了,可以到Windows的开始界面,点击Install Additional Tools for Node.js(如下图)继续安装。
在这里插入图片描述
安装结束后,打开cmd,分别运行node -vnpm -v,如果能看到node和npm的版本,则说明安装成功了:
在这里插入图片描述

3. 配置环境变量

注:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径。之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。而经过以下配置后,会安装到自己指定的任意目录下。

例如: 我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\NodeJS】下创建两个文件夹【node_global】及【node_cache】如下图:
在这里插入图片描述
创建完两个空文件夹之后,打开cmd命令窗口,输入:

npm config set prefix "D:\NodeJS\node_global"
npm config set cache "D:\NodeJS\node_cache"

并输入以下命令转为国内源,加快包的下载速度:

npm config set registry=http://registry.npm.taobao.org

然后执行如下命令, 将npm安装一份到刚迁移的新目录(方便后续统一管理):

npm install npm -g

以上步骤完成后,我们会发现在D:\NodeJS\node_global路径下有了node_modules文件夹。
在这里插入图片描述
然后配置两个环境变量:系统环境变量用户环境变量

系统环境变量要新加一个NODE_PATH变量,路径为D:\NodeJS\node_global\node_modules,如下:

在这里插入图片描述
而针对用户环境变量,要打开用户环境变量中的Path,如下:
在这里插入图片描述
然后把其中一个与NodeJS有关的路径,修改为D:\NodeJS\node_global,如下:
在这里插入图片描述
至此,NodeJS的环境变量配置完毕。

4. 测试

通常,我们在安装完NodeJS后,会利用npm(NodeJS的包管理工具)安装express来进行测试。在cmd命令行执行命令如下:

npm install -g express 
npm install -g express-generator
npm install express

安装完成后,输入express --version命令查看express版本,如果成功,则说明NodeJS安装成功:
在这里插入图片描述

二、安装HEXO

1. 确保切换了国内源

之前我们说过如何切换国内源,为了保证看到这里的读者不出错,下面再执行一下:

 npm config set registry https://registry.npm.taobao.org
 npm config get registry//**这个是用来检查换成功没**

2. 安装HEXO

确保切换了国内源后,我们就来安装HEXO:

npm install hexo-cli -g
npm install hexo-deployer-git --save

其中,第二句是安装hexo部署到git page的deployer。

**到此,再终端执行hexo -v,如果能看到hexo的版本信息,则说明安装成功了:
在这里插入图片描述
(我折腾了一个晚上呀)

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值