不依附于任何网站建立自己的博客(基于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了,困屎了。为了给童鞋们出个文章我也快累死了。有疑问的可以留言。熄灯,睡觉,😪😪😪

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容