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