Github+Hexo搭建博客教程

前言

这篇文章将讲述如何用Github+Hexo搭建一个简单的博客，通过这个教程，希望更多的人能够轻松的拥有自己的博客，在搭建这个过程中，不需要你有什么前端知识，只要跟着一步一步来，很容易就能搭建成功。

本教程都是在WIN10下完成。

Node.JS

Node.JS在Windows10下的安装十分简单，我们只需去官网上选择合适的版本下载即可。安装过程中一直next即可。
[外链图片转存失败(img-mINROkN3-1565095079725)(https://raw.githubusercontent.com/kincoy/imgs/master/node.png)]

Git

同样的，我们直接去官网上下载合适的版本即可。
一直next默认安装即可。
安装完成后我们可以在桌面上鼠标右键即可看到新的选项Git GUI Here和Git Bash Here.

我们选择Git Bash Here，输入git version,如果有版本号输出，则说明安装成功。
我们先设置好用户信息，输入下面命令即可

$ git config --global user.name "kinco"//用户名  
$ git config --global user.email  "xxxxxxxx@163.com"//填写自己的邮箱

Hexo

这里我们则需要通过前面安装好的Git来安装Hexo。

在桌面通过鼠标右键选择Git Bash Here打开Git，依次输入以下命令安装

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

安装完成后，文件是放在桌面上的，这里我们先暂时不管。找一个自己觉得合适的文件夹，例如：D:\Hexo文件夹，进入该文件夹，然后鼠标右键打开Git Bash Here,输入以下命令：
$ hexo init
这时文件夹中会出现很多文件我们先不管，执行下面语句：
$ hexo g && hexo s
[外链图片转存失败(img-4WOeGvwK-1565095079726)(https://raw.githubusercontent.com/kincoy/imgs/master/hexo g %26%26 s.png)]
这时候我们即可以在本地看见效果了。在浏览器输入localhost:4000。
到这里我们的博客就搭建好了，但是只能通过本地预览，如果想要让其他人也看见，我们就需要Github了。
[外链图片转存失败(img-PEMd7nhL-1565095079726)(https://raw.githubusercontent.com/kincoy/imgs/master/hexo预览.png)]
Github

首先我们要在Github上注册一个账号，这里就不多说了。
注册好账号之后，我们首先要创建一个项目，点击new即可。

这里的Repository name格式就是你的id.github.io(例如我就是"kincoy.github.io")，一定要这么命名。后面的Description随便写，然后下面的打上勾即可。
[外链图片转存失败(img-K2lAhRRj-1565095079727)(https://raw.githubusercontent.com/kincoy/imgs/master/create.png)]

---

虽然github的准备工作布置的差不多了，但还有个关键问题。那就是我们本地的git项目和github上的无法同步，所以现在我们要给两者建立起连接。这里我们通过SSH来完成。
这里有一个文章写得很好很详细了，大家可以好好看看吧： 使用SSH密钥连接Github【图文教程】
建立好连接之后，我们接下来要做的就是推送网站让更多的人可以看见。
首先我们需要在github打开我们最开始建立好的那个项目，点击右边那个绿色按钮Clone or download,切换成Clone with SSH模式（如果是HTTPS请点击右上角的Use SSH）,然后点击图中蓝色圈中的按钮（一键复制）。
[外链图片转存失败(img-YGD3GB5q-1565095079728)(https://raw.githubusercontent.com/kincoy/imgs/master/ssh.jpg)]
完成到这里后，我们再回到最开始安装Hexo的文件夹，有一个叫做_config.yml的文件，这个文件是主要的配置文件。

我们用记事本打开它，直接拖到最下面的地方，找到一个名为"deploy"的关键字，然后修改成下面这个样子：
注意在每个冒号后面有一个空格
[外链图片转存失败(img-miDnqlhX-1565095079728)(https://raw.githubusercontent.com/kincoy/imgs/master/deploy.png)]
到这里我们就做的差不多了，接下来只需回到Hexo文件夹，在该文件夹内鼠标右键打开Git bash here，然后输入
$ hexo clean && hexo g && hexo d
大功告成，现在我们的博客已经能够成功的被访问了。在浏览器中输入"xxx.github.io"（“xxx"表示你的github用户名）就可以看见了。
在我们的博客已经能够成功的被访问了。在浏览器中输入"xxx.github.io”（"xxx"表示你的github用户名）就可以看见了。
一个简单的博客就这样搭好了！