hexo＋github 搭建个人博客详细教程

前端时间公众号里发过一个hexo搭建博客的简易教程，不过有的朋友跟营长反馈说写的不太明白。因此今天特地给大家带来了一套比较详细的hexo+github搭建教程。

下面的搭建过程中还附赠了一些其他教程，比如git 教程、node视频教程等等，大家可以自行查看学习。

一、注册一个github

GitHub官网：https://github.com 按照一般的网站注册登录执行就好了，这一步很简单。

二、安装git

git官网：https://git-scm.com安装过程也很简单，一直下一步 安装即可。

很多其它教程里都说要配置环境变量，我本人安装过5次左右的git，一次都没有配过，但是要配置用户名和邮箱，就是和github注册的一样

安装成功你在桌面右键，就能看到 多了两个 git命令，如下图

三、安装Nodejs

安装nodejs主要是为了安装npm包管理工具

Nodejs官网：https://nodejs.org/zh-cn 下载自己系统的版本安装就好了

安装也是极其简单，一直下一步就好了。

在github上新建一个厂库

需要把Repository name 改成你自己的哦，例如我的：

创建好了，来到Settings页面，开启gh-pages功能

在最后找到Github pages（我的是默认开启的，如果你不是就点击Launch automatic page generator按钮，一直下一步就行了）

四、安装hexo

这个时候nodejs的npm就派上用场了

你可以用系统自带的命令面板（window下是cmd），也可以用(推荐)

以下的命令懂得就不说了，不懂得小伙伴可以自己去了解一下

检查一下npm是否安装成功，如下

五、初始化blog

你可以在C、D、E、F盘任意一个地方，只要你喜欢，哪里都是可以的。新建一个文件夹来管理你的blog。

然后在这个文件夹内，右键打开git base here，就是这么神奇，哪里都有它。

检查你的hexo 是否安装成功

初始化hexo

打开你的blog

然后会提示你：

在浏览器中打开http://localhost:4000/，你将会看到：

到这里 恭喜你，你的本地blog已经搭建好了，注意现在只是在本地的。

六、与github对接，让别人也能访问你的blog

考虑到大家可能会存在的一种情况，就是换电脑，或者在家里和公司都想写blog，管理他，该怎么做呢！

新建一个hexo分支(branches)

这个分支就是用来装hexo的核心源文件的！慢慢往下看，一步一步来

在你的博客文件夹内，打开git base here。如果你的文件正确的话，现在是没有.git文件的，这是个隐藏文件夹，有的小伙伴没有设置怎么查看隐藏文件，不会的可以根据你的系统去百度一下，很简单的。

提交完成之后，你可以在github上的厂库里看到：

将博客文章提交到master页面

在你博客文件夹中找的文件，修改以下几处 (文末附上其他配置信息介绍)

然后你就可以执行以下命令

七、如果换了电脑之后该怎么弄？

注意在新电脑上，nodejs，git，github这些都要有哦

如果没有生效

可以再执行

你如果有多个电脑在用，每次写了blog在其他电脑上执行一下:

再写

完整的配置信息如下

到此，整个博客搭建过程就全部完成啦！自己动手试试吧~

本文作者为FinGet，已获得作者的授权

https://finget.github.io/2018/01/25/hexo-GitHub/