【小白】【新手向】Hexo+Github搭建个人博客

如题，一个【小白】【新手向】的，关于Hexo+Github搭建个人博客。

针对于：

对于代码完全不懂的纯小白！

完全不知道什么是hexo,git和github的小白！

  感觉像是在打广告，其实并不是。事情是这样的，在某一个晚上，和朋友尬聊，她说起自己用hexo和github做博客，感觉很有趣，就自己百度看了一些教程，自己试着做了一个。但是，发现网上的教程，其实都不是很小白，完全不适合我这种在此之前没有听过hexo和github的小白。。所以在自己努力摸索做了一个自己的博客后，写了这么一个东西，针对和我一样啥都不知道的纯小白，一步一步教的那种，有不对的请不要大意的批评指正，欢迎讨论━(*｀∀´*)ノ亻!

一、需要安装和配置的软件。

在做博客之前，需要下载几个软件，具体是：

1.下载安装git（https://git-scm.com/downloads）

选择自己的系统对应的，点击，比如你说windows，点击，如图

选择32或者64，电脑是32位就选32,64就选64位的，点击下载安装包。

关于系统类型，在我的电脑——右键——属性中会有，如图:

下载安装包之后，打开，安装

不用在意其他的，︿(￣︶￣)︿，一直点击Next，一直点击，一直点击，最后点击Install，安装完成。后面会验证是否安装上，不需要担心。

2.下载安装node js（http://nodejs.cn/）

如果你是windows，就选这个，然后选择32/64，下载。

下载完成之后，打开安装包，如图

如图，一直点击next，next,中间可以选择安装路径，选一个自己想安装的地方就好(≧∇≦)ﾉ。当出现finish表示已经安装完毕。

下面，我们来验证一下上面的两个软件是否已经安装好。

在桌面上按住win+R，win就是fn和alt中间那个键，那个windows标志的那种，此时会出现这么一个东西

 

输入cmd，打开命令提示符的框，你将会看到这么一个东西

 

这是一个看起来和丑的黑色框框，乃不需要知道它是什么，只需要输入如下指令就好，如果对此感兴趣，可以去百度cmd了解更多。

node -v

npm -v

git --version

 

 

 如果出现如下，证明你已经安装成功，如果不是，可以返回前面看仔细检查是哪里没有安装正确。（输入命令之后出现的数字不一定是一样的，但是格式要是这种）

3.安装hexo

在你喜欢的任意盘中新建文件夹hexo，我是在D盘下的博客文件夹里面新建的。

 然后打开新建的文件夹，在空白处右键，选择GIT bash，QQ快键键这步没办法截图就略过吧，点击之后会出现如下图

没错，又是一个黑色的框，不过这个比上一个看起来色彩多一些(#^.^#)，同样，不需要知道这是神马，只要输入命令就好。

在$后输入 npm install -g hexo，回车，然后等待。（在这个黑色框中粘贴的快捷键不是ctrl+v）

它会很慢，所以需要耐心等待，判断命令完成的是出现上面的图，就是第一次打开时的那种，有$,后面有光标在闪动。

如图：

OK，这便代表你输入的命令成功了，可以输入下一个命令了。

接下来，你需要输入hexo init ，同样，请耐心的等待。

 如图，证明命令运行成功。（请忽略我的歌词）

第三，输入 npm install hexo-cli，如图

OK，下面，让我们回忆一下刚刚是如果打开第一个黑色框的，win+R，然后输入cmd

运行之后，输入hexo -v，当你看到如下的显示时，证明你的hexo已经安装成功。

让我们再次回到GIT bash，就如上面一样，在Hexo文件夹中右键选择git bash，输入如下指令：

hexo init

npm install

hexo g 

 

 

最后，在浏览器中输入localhost:4000，回车，你将会看到如下的界面。

到这里，第一步就算是完成了，是不是感觉很复杂，但是，如果每一步都按照步骤来，其实也不是很困难啦。(づ￣3￣)づ╭❤～

---

二、github账户的注册和配置

1.创建一个github，进入https://github.com/

或许是我的网络的问题，会比较慢才可以进入，不要急o(>﹏<)o

 如图，选择注册，注册一个账号，就如你注册QQ账号一样简单，但是它会需要你的邮箱验证，你只需要验证就好。这里补充一句，网站本身是英文的，但是因为我英文并不好，所以用了谷歌浏览器自带的翻译功能，虽然并不是完全准确，但是确实是一个很好的参考。注册完成之后我们登录，进行接下来的操作。（ps，特别喜欢他们网站的logo，感觉炒鸡可爱(*╹▽╹*)）

睡觉去啦，有时间再更，晚安(¦3[▓▓] 晚安