不依附于任何网站建立自己的博客(基于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是一个

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值