Hexo-环境搭建

总结Hexo环境搭建，踩的雷区，以备查阅。

操作系统: Win10-64bit

安装node.js

官网下载地址：Node.js

设置系统变量

我把nodejs安装在c盘program files的nodejs目录下
进入[控制面板\所有控制面板项\系统], 编辑系统环境变量path的值，追加C:\Program Files\nodejs
在cmd中，输入命令’node -v’查看安装版本
cmd.exe在’C:\Windows\System32’中

安装Express开发框架

以管理员打开cmd命令窗口，执行命令

1 2	npm install -g express npm install -g express-generator

在C:\Program Files\nodejs\node_modules中会生成express和express-generator两个文件夹表示安装好了
20190527 安装完后这两个文件出现在这里 C:\Users\chenh\AppData\Roaming\npm\node_modules

关于执行npm install -g express命令的出现错误的解决方式

1	npm config list # 查看以前修改过的命令，针对错误的地方删除掉。

删除代理

1	npm config delete proxy

删除注册的目录

1	npm config delete registry

npm仓库是国外服务器，经常连接不上或安装慢，这里推荐使用淘宝 NPM 镜像来安装，设置镜像

1	npm config set registry https://registry.npm.taobao.org

查看是否修改成功

1	npm config list

再重新安装express模块

1	npm install -g express

新建项目

进入C:\Program Files\nodejs，新建名称为newproject的项目

1 2	cd C:\Program Files\nodejs express -t ejs newsproject

新建成功在nodesj目录下会生成newproject目录，其目录下大致有以下文件

bin          相关运行脚本
public       静态资源
routes       路由表
views        试图模板  
app.js       视图文件夹  
packge.json  项目依赖说明

安装模块

进入newproject目录, 安装模块

1 2	cd newsproject npm install

启动项目

npm start

在浏览器访问http://127.0.0.1:3000/ 测试出现下面图视表示nodejs安装成功，并可以正常部署项目

可输入以下命令查看版本号

1 2	node -v npm -v

git安装

官网下载地址：https://git-scm.com/downloads/ 这个就不多说了

安装Hexo

git安装成功后在桌面右击选择git bash here, 命令窗口

执行命令

1	npm i -g hexo # g代表全局,npm默认为当前项目安装

在D盘新建blog文件夹，这个文件夹就是博客的根目录，打开blog空白处右击选择git bash here执行以下命令。首先对blog文件夹进行hexo初始化

hexo init

会生成一些文件

安装依赖包

1	npm install

可能会遇到的错误

1	npm ERR! registry error parsing json # 错误

可能需要设置npm代理,执行命令

1	npm config set registry http://registry.cnpmjs.org

如果出现以下错误，则删除刚刚安装的C:\Users\Administrator\AppData\Roaming\npm目录，重新执行命令npm install -g hexo安装hexo

1	hexo:command not found

生成静态资源

生成public文件夹(浏览器访问资源)

hexo g

启动服务

hexo s

在浏览器访问：http://localhost:4000/ 便可查看hexo默认的主题
git安装成功后在桌面右击选择git bash here, 命令窗口

clone NexT主题

在blog根目录执行命令

1	git clone https://github.com/iissnan/hexo-theme-next themes/next

clone完成后打开blog下的themes文件夹就可以看到有两个主题，一个是默认的，一个是刚刚clone的NexT主题
站点配置文件D:\blog_config.yml
主题配置文件D:\blog\themes\next_config.yml
在站点配置文件_config.yml中进行搜索key为’theme’，如果没有theme就添加key为theme，其值为next;需要注意的是冒号后面有一个空格

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
# theme: landscape
# 设置主题为next
theme: next

在blog目录中右击选择git bash here 分别执行清除静态资源，生成静态资源，启动服务命令

1
2
3

hexo clean
hexo g
hexo s

在浏览器中访问http://localhost:4000/ 便可看到效果

安装主题

以next为例。

找到next项目的github网站，看他的说明怎么安装。

1 2	cd hexo git clone https://github.com/theme-next/hexo-theme-next themes/next

## Reference > http://discovermagazine.com/2018/sep/the-nuclear-options