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

迷南。 2022-08-19 04:45 132阅读 0赞

## 前言    ##

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

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

![Center][]

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

## Hexo搭建    ##

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

![Center 1][]

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

> sudo npm install -g hexo

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

![Center 2][]

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

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

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

> cd 你的存储地址  
>

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

然后创建一个hexo文件

> mkdir hexo  
>

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

最后一步，

> hexo init  
>

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

![Center 3][]

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

> npm install  
>

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

![Center 4][]

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

> hexo generate  
>

这是编译命令

![Center 5][]

然后，输入应用命令：

> hexo server  
>

![Center 6][]

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

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

![Center 7][]

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

> hexo new "博客名字"  
>

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

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

![Center 8][]

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

![Center 9][]

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

## github操作    ##

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

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

新建一个项目

![Center 10][]

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

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

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

![Center 11][]

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

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

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

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

查看文件下的所有的文件

> ls  
>

这是终端查看命令。

![Center 12][]

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

[Center]: /images/20220731/89758237910a4e7fa5f387b8e90989ad.png
[Center 1]: /images/20220731/0ec1bc39af7e4239a496d2479b6171fe.png
[Center 2]: /images/20220731/367309777a8c4fa1bde7c4d8f6044877.png
[Center 3]: /images/20220731/73aa205d386f40f9920af8caa4f0aaab.png
[Center 4]: /images/20220731/80b1f1d2b3a54c508308b09ef0fcef98.png
[Center 5]: /images/20220731/85dc18fdb6484b399d2df6aa50cd09d6.png
[Center 6]: /images/20220731/b18a561eedbb44358900d16cef2c190e.png
[Center 7]: /images/20220731/f094264f5f9747a8886b2c7802ad2354.png
[Center 8]: /images/20220731/6a12108c03994ed98b89ba45806d8c65.png
[Center 9]: /images/20220731/6250084a8eff40c4a59b146d5c2423dc.png
[Center 10]: /images/20220731/3d2af1841306417a8ebed228310bbde0.png
[Center 11]: /images/20220731/2c6317338847481694657f5de1a0df9d.png
[Center 12]: /images/20220731/0b51e0ec48484a5c9e12b6b9cf2b4434.png