前言
嗨,大家好,我胡汉三又回来了。嘎嘎,今天来给大家说一下怎么样自己建一个属于自己的博客。不附属于任何的网站,显示自己所需要显示的界面。我用了一天的时间把所有东西布置好,走了很多弯路(没办法,对网站知识不是多了解)。现在就把建设的道路给大家铺设好,如果有这方面的兴趣的童鞋,跟着我做起来吧。(大神们就算啦)......
来,先看一下我现在博客的效果:
首先说一下,我选择的是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是一个