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

超、凢脫俗 2022-08-18 12:29 132阅读 0赞

## 前言    ##

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

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

![1240][]

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

## Hexo搭建    ##

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

![1240 1][]

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

> sudo npm install -g hexo

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

![1240 2][]

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

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

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

> cd 你的存储地址  
>

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

然后创建一个hexo文件

> mkdir hexo  
>

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

最后一步，

> hexo init  
>

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

![1240 3][]

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

> npm install  
>

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

![1240 4][]

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

> hexo generate  
>

这是编译命令

![1240 5][]

然后，输入应用命令：

> hexo server  
>

![1240 6][]

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

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

![1240 7][]

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

> hexo new "博客名字"  
>

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

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

![1240 8][]

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

![1240 9][]

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

## github操作    ##

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

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

新建一个项目

![1240 10][]

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

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

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

![1240 11][]

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

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

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

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

查看文件下的所有的文件

> ls  
>

这是终端查看命令。

![1240 12][]

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

[1240]: /images/20220731/c051306313cf4e6d8b91f7ca54772cf9.png
[1240 1]: /images/20220731/6143b3e683f24471941a7f5b9405deac.png
[1240 2]: /images/20220731/6228561e521d478198bbabe84771d03b.png
[1240 3]: /images/20220731/4abf3b4a0c0745379f00fd42d0bce3b6.png
[1240 4]: /images/20220731/9aec492ae1c24c4d9725d82a6bb9cdf0.png
[1240 5]: /images/20220731/fd51eda34f7e4e3e99a788dfafbbe52f.png
[1240 6]: /images/20220731/57c8c4790d70414abb638287d5c4585f.png
[1240 7]: /images/20220731/b08b81e75ed848fca7ce8ba0e9fe7703.png
[1240 8]: /images/20220731/87942a4d1cb04071b57eec0cb5663bb8.png
[1240 9]: /images/20220731/e476fb3ec0bd421aa8e1c2752a2ed76c.png
[1240 10]: /images/20220731/28211c8a192641adac53abd324383cef.png
[1240 11]: /images/20220731/565df19bb13f49a2a177b4db5d0c17d0.png
[1240 12]: /images/20220731/046f15f3072941e59d75344395cb82ab.png