### 首先安装node.js
官网：https://nodejs.org/en/  ，直接安装即可！
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126163944423.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
安装完成后查看下版本：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126164220429.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
npm是node.js上的包管理器，需要用到npm下载hexo，但速度太慢了。
先使用npm安装国内的淘宝镜像源cnpm，步骤如下

```vbnet
npm install -g cnpm --registry="https://registry.npm.taobao.org"
```
下载完成后，查看：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126164955228.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
#### cnpm 安装hexo

```vbnet
cnpm install -g hexo-cli
```
如果是npm安装：

```vbnet
npm install -g hexo-cli
```
查看是否安装成功：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190912004533858.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
##

#### 启动博客
- 新建个用于博客的文件夹，进入文件夹下，然后开始初始化

```vbnet
hexo init
```
启动：

```vbnet
hexo server	//或 hexo s
```
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126182835867.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
- 写一篇文章：

```vbnet
hexo new "内容标题"//或 hexo n "内容标题"
```
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126183244248.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
然后在source\_posts下就会生成一个Markdown格式的文章，接着用编辑器打开后编写文章即可。

- 写了一篇文章后清除缓存文件

```vbnet
hexo clean
```
- 然后再次启动博客：

```vbnet
hexo server
```
### 博客部署到GitHub上
在GitHub上创建仓库，仓库名格式必须是：用户名.github.io
如：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126193122685.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126192246426.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126193158787.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
- 在blog文件夹下安装git部署 插件
出现错误是正常现象
```vbnet
cnpm install --save hexo-deployer-git
```
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126191737412.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
- 修改配置文件_config.yml，填上刚才创建仓库的地址

```vbnet
deploy:
  type: git
  repo: https://github.com/xdr630/xdr630.github.io.git	//仓库地址
  branch: master
```
部署在github上的命令：

```vbnet
hexo deploy //或 hexo d
```
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126193350829.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
然后直接访问：xdr630.github.io 就行了

#### 更换主题：
如：
https://github.com/litten/hexo-theme-yilia
https://github.com/xdr630/hexo-theme-icarus
我的本地已经clone过两个主题：
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019112620571110.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
git clone /blog/themes/yilia文件夹下
```vbnet
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
```
打开配置文件 _config.yml 修改 theme

```vbnet
theme: yilia
```
之后再清除下缓存：

```vbnet
hexo clean
```
重新生成：

```vbnet
hexo generate 	//或 hexo g
```
访问：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126210010629.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
部署到github上：

```vbnet
hexo deploy //或 hexo d
```
访问：xdr630.github.io
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191126210558691.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjg0NjIx,size_16,color_FFFFFF,t_70)
也可以自己改主题的一些css样式之类。
这里我访问xdr630.github.io跳到yunxdr.top时，这是因为我在GitHub Pages设置了自定义域名，有关设置方法的详情请访问我写的这篇文章：[https://blog.csdn.net/qq_41684621/article/details/103230888](https://blog.csdn.net/qq_41684621/article/details/103230888)

Windows环境搭建hexo博客部署到GitHub上

总共已有 0 条评论