不依附于任何网站建立自己的博客（基于hexo + github）

前言

嗨，大家好，我胡汉三又回来了。嘎嘎，今天来给大家说一下怎么样自己建一个属于自己的博客。不附属于任何的网站，显示自己所需要显示的界面。我用了一天的时间把所有东西布置好，走了很多弯路（没办法，对网站知识不是多了解）。现在就把建设的道路给大家铺设好，如果有这方面的兴趣的童鞋，跟着我做起来吧。（大神们就算啦）......

来，先看一下我现在博客的效果：

首先说一下，我选择的是hexo+github。github托管我的数据，hexo搭建我的博客框架。选择github的理由感觉就不用说了，大家都知道吧（啥，你不知道？？？，来人呐，上茶）。选择hexo的理由是他确实很好用，相比于其他的几个（比如githubPage），很容易上手，一共就四个命令就可以做到博客的数据更新，运行。好了，开始进入正题。

Hexo搭建

hexo是基于Node.js开发的，所以需要下载安装Node.js，去Node.js官网（https://nodejs.org/en/）下载

下载好之后点击文件一步步走就行了，然后就需要你默默的打开你的终端啦，输入

sudo npm install -g hexo

然后需要你输入开机密码，进入等待，等待，等待......。突然，终端有了进度，比如下面这样的

那么，恭喜你，童鞋，hexo你已经安装成功啦。

现在我们来进入创建本地hexo文件模式的三步走阶段吧。

首先，选择一个地方存放你的文件

cd 你的存储地址

如果你要说你不知道什么是cd，那么你过来，我保证不打死你（cd是终端命令，打开文件，相当于鼠标的点击形式）。

然后创建一个hexo文件

mkdir hexo

好吧，我还是在说一下mkdir吧，和cd一样是终端命令，创建文件用的。

最后一步，

hexo init

这个大家应该能猜到它的作用吧，init多么形式的表达。

运行后你会发现上面这个截图界面，那么恭喜你，创建成功了，遵循人家的旨意，运行语句：

npm install

又是小漫长的等待，然后忽然间

又是有休止的下载。好了，到这一步咱们基本就配置成功了，但是我们怎么检测效果呢。这就用到了hexo的核心命令了（鸡冻的有木有）

hexo generate

这是编译命令

然后，输入应用命令：

hexo server

鸡冻的有木有，看到结果成功了。啥，这没啥看头。好，打开浏览器属于上面的网址或者直接输入localhost:4000

看看有什么神奇的事情发生：

Hello World，基本上每一个语言的经典例子。hexo也不例外，他也给你一个这样的例子。走到这说明配置成功。接下来，咱们写一个简单的小博客：

hexo new "博客名字"

命令作用是创建你的博客，名字就是new后面双引号里面的输入。

然后去你在本地的hexo文件里面，进入source文件夹你就会看到你所想要看到的

这是我创建的一个博客。来，server一下，打开咱的blog看一看：

至此，hexo基本已经搭建完成。但是现在也只能在自己的电脑上查看，没法联网浏览，因为这是i 本地数据，就和开发移动端app一样，只是本地数据，没有后台接口。来，接下来给大家说用github做后台托管数据以达到联网的目的。

github操作

有的童鞋说github托管打开博客非常的慢，但是我还是选择他，不为别的，可靠。而且我自己也试验了，打开博客速度正常，没有传说中的那么慢。

首先关于github的账号申请咱就不说了吧（作为有一点编程常识的童鞋如果你有账号很正常，如果没有就嗯哼），填写邮箱，密码，验证邮箱。有一点必须注意，你的账号邮箱必须验证，不然在后面的操作中会有一步卡住，导致咱们的博客托管失败。

新建一个项目

这只是其中一个新建界面，还有另外几个形式自行选择。

新建的项目的名字形式规定:账号名.github.io。这是规定死的，你必须这样写才行。不然你可以试试的，大不了重新再来。

建好之后点击设置去看一下：

这里有一个绿色部分是重点，如果你的账号邮箱没有认证。这一块一直显示的是ready to...

不会是published at。还有一点忘了说了，你在建设工程的时候一定要选择public，不要选私人那一项。

好了，现在github文件创建好了，现在在进入终端找hexo去

进入hexo所在的那个文件夹操作（说不知道怎么进入的，前面的cd作用白给你说了）。

查看文件下的所有的文件

ls

这是终端查看命令。

然后你会看到的一个文件是_config.yml。这就是hexo的配置文件。打开它（用vim编译器，vim是一个🐂🐂的编译器）

vim _config.yml

显示的界面：

这就是博客的所有配置信息了，博客名字，描述，语言......。自己可以设置，对了忘了说vim命令了。在这里用到的命令如下：

i 进入编译模式

esc：出编译模式

:wq  保存设置并退出

:q 退出不保存设置

在这里咱们必须要配置的内容在鼠标划到最低部的地方：

这是我配置好的，童鞋们需要配置的是type，respository，branch（这一项里买呢是没有的自己天上），特别要注意空格，一点都不要错，不然配置可能不成功。配置完之后保存退出。

（关于type是配置git还是github这一说，我自己试了github我没通过。另外看了简书上另一位童鞋说的也是配置git。我的版本是最新的3.1.1的吧，听说2.版本配置github，我也没试过的）。

配置好了退出vim之后，运行命令

hexo deploy

与github进行接轨：

你可能看见了我只输入了 hexo d，这正是我要说的，hexo支持简写输入，所以前面的那些命令可以写成：hexo g，hexo s，hexo n。爽不爽！！！

上 面这个截图是运行成功的，但是我在第一次配置的时候一直是显示失败的，令我万分的无语的。一直显示一句话：ERROR Deployer not found: git。我都想日了动物园了。最后查到3.0需要再输入一个命令下载一些插件，就是下面这句：

npm install hexo-deployer-git --save

等执行完之后你在hexo d一下，会发现生活是如此美好。

现在你可以去github看一下你这个工程了，刚开始你只是创建了一个空的工程，现在看一下

多了好多东西，这就是你成功的表现呀，好了现在网址输入 账号名.github.io，你会发现申请的事情发生了：

你的本地数据已经同步到网上了。嘎嘎，到此配置完全结束。

编译器

好了，基本配置已经说了，你应该可以自己动手创建专属自己的博客了。再给大家多说一点，我博客都是用的github的编译器：Markdown编写的。非常的简单实用。你可以下载一款叫做mou的软件，专门用Markdown做编写的。就是在你hexo n创建了一个名字的文章之后，找到文件双击打开默认是用mou打开的：

左边是书写格式，右边是显示出来的样式。你可以用一下。

后记

好了，已经熬到晚上12.30了，困屎了。为了给童鞋们出个文章我也快累死了。有疑问的可以留言。熄灯，睡觉，😪😪😪