Hexo+Github搭建你自己的博客

2019-03-08

首先，我必须要说的是这绝对是坑，连续坑！网上也有很多相关的文章，但是要么是出奇的千篇一律，要么就是年代久远……我参考了一些文章，搭建了自己的博客，特把相关步骤写下来，希望能帮到你。

我本来不打算写很多概念的东西，但是这既然是一篇博客，还是要装装样子吧。

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

我们在搭建博客之前呢，先要确保已经安装了Node.js和Git

Node.js的安装

在官网下载最新版本(最新版本！我都是卸载了重新下载的)：https://nodejs.org/en/
安装
设置路径

1.在安装目录下新建node_cache、node_global两个文件夹
2.执行命令
npm config set prefix "node_global的全路径"
npm config set cache "node_cache的全路径"

当然了，如果你不想执行这个命令，也可以直接到C:/Users/用户名/
.npmrc这个文件里添加两行代码：

prefix=node_global的全路径
cache=node_cache的全路径
如：
prefix=F:\Android_Tools\RN_tools\node_install\node_global
cache=F:\Android_Tools\RN_tools\node_install\node_cache

3.设置环境变量
系统-->高级系统设置-->高级-->环境变量
变量名：NODE_PATH
变量值：node_global的全路径

node -v 查看版本

Git安装

下载新的版本

1 2	可以在官网下载，但是速度是相当的慢。也可以联系我获取。我用的是2.18.0的。

安装
设置环境变量

1 2	变量名：Path 变量值：到bin的目录

安装hexo

安装

1 2	$ npm install hexo-cli -g 各个博客写的也不太一样，具体可以查看官网https://github.com/hexojs/hexo

初始化项目

建一个文件夹存放代码，如blog 。然后初始化。这个过程可能会中途一直停在某个时刻，我个人觉得应该是网络的原因。你可以终止操作，删除，重新初始化。

1 2	$ cd blog $ hexo init blog

然后你可以在blog目录下看见初始化的一些文件。

1 2	$ hexo g //生成静态文件 $ hexo s //开启服务

开启服务后，可以在本地浏览器访问http://localhost:4000看到搭建好的博客，主题是默认的。加载的过程可能比较慢，得多等待一会。也可能由于端口占用造成一直加载不出来，这种情况关闭占用这个端口的程序。

修改主题

你可以在官网找喜欢的主题，来替换掉默认的。这里我使用的是hexo-theme-yilia这个主题，点击进入官网。

根据其官网介绍，先下载

1	$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

然后修改主题，打开blog目录下的_config.yml，修改theme:yilia

然后 hexo g 重新生成静态文件，至此主题修改完成。

搭建仓库

仓库

需要在github上新建一个仓库，仓库名为：”你的github账户名”.github.io，比如我的是 gxh-apologize.github.io .将来你的博客地址就是https://“你的github账户名”.github.io

配置ssh key

Settings–>SSH and GPG keys–>new SSH key

Title可以随意，Key的话需要填id_rsa.pub这个文件里的内容。那么这个文件在哪里呢？

1 2	$ cd ~/. ssh $ ls

ls看目录下有没有id_rsa.pub这个文件。有的话可以直接打开复制内容。没有的话输入下面的命令：

1	ssh-keygen -t rsa -C "你的github邮箱"

然后连续回车，会生成id_rsa.pub这个文件。

上传代码到仓库

填写仓库信息

blog目录下的_config.yml中填写下面代码，这个文件中有一部分，补全即可。repository根据你仓库实际填写。

deploy:
  type: git
  repository: git@github.com:gxh-apologize/gxh-apologize.github.io.git
  branch: master

安装hexo-deployer-git插件

在目录blog下执行下面的命令，这个操作我是在git bash操作的。

1	npm install hexo-deployer-git --save

hexo d 提交

总结

我在搭建过程中，确实出现了各种问题，以至于反反复复操作了好几遍才搭建成功。关于是在git bash还是cmd输入命令，我是两者结合的。因为有时候在git bash执行命令会出问题而终止，但是在cmd同样的命令可能又可以了。印象当中安装hexo的命令最后是在cmd完成的。

由于各种原因吧，我遇到的问题没有记录下来。
我参考的博客里也记录了几种常见的问题，大家也可以参考。

本人在搭建过程参考了以下文章，非常感谢。

因为图片比较复杂，本文没有出现任何截图。有疑问可留言，也可邮件联系我。

祝大家好运。