利用Hexo与github搭建方便的个人博客

写在前面的话

一直想做一个自己的博客,用来记录自己学习的点点滴滴,无奈个人懒癌晚期,一直行动不起来。现在逼迫自己写点东西来充实自己,上网查询了各个写博客的平台。总结下来,还是拥有一个自己私人博客比较酷炫,嗯,一句话,装逼很重要,审查什么的不存在的,自己就是站长了。又碍于自己资金有限,搭建服务器是一笔不小的开销,于是选择hexo+github来搭建自己的免费私人博客。好了,进入正题,开动了。^_^

github准备

登陆github,如果没有账号烦请各位看官建立一下子啊。然后建立一个独有的仓库,仓库名为:你的用户名.github.io,比如我的github账号为huangmeideng,则我的仓库名为huangmeideng.github.io。

环境地搭建

由于笔者的系统是windows的,因此以windows为例(mac与Linux系统更为简单,只需在自带的终端上操作便可,请读者自行查阅资料)。
1.下载node.js并安装
2.下载git for window并安装
3.在硬盘上新建工作目录,比如我的工作目录,f:/HexoBlog/hexo

本地建立Hexo

hexo是一款基于github page的博客发布工具,如果讨厌我的博文可以查看它的官方文档手册,很方便哦。Hexo|文档
安装完git后,我们可进入git bash命令终端,可以愉快地使用git了。

1
2
3
4
5
$ npm install -g hexo-cli   #安装hexo
$ cd f:/HexoBlog/hexo #进入hexo文件保存目录
$ hexo init #初始化hexo,这样我们在本地就搭建好hexo博客了
$ hexo g #生成博客
$ hexo s #本地启动hexo服务

这样我们就可以本地访问hexo博客了,我们在浏览器输入127.0.0.1:4000就可以访问了

与github仓库关联

同样打开git bash客户端,使用如下命令建立git的ssh密钥

1
$ ssh-keygen -t rsa -C "邮件地址"

按照提示连按3次enter键建立密钥,打开用户目录下的.ssh\id_rsa.pub,复制下来。
接下来打开你的GitHub个人主页>Settings>SSH and GPG keys>New SSH key,新建保存便可。
测试链接是否成功

1
$ ssh -T git@github.com # 注意邮箱地址不用改

如果出现

1
Hi 你的用户名! You've successfully authenticated, but GitHub does not provide shell access.

则链接成功
然后再次配置如下

1
2
$ git config --global user.name "huangmeidneg"// 你的github用户名
$ git config --global user.email "huangmeideng@outlook.com"// 填写你的github注册邮箱

大功告成
接下来,配置hexo的链接方式,打开hexo的_config.yml配置文件(你也可以使用其他打开方式)

1
2
$ cd f:/HexoBlog/hexo
$ vim _config.yml

找到如下配置信息,并更改

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: http://github.com/你的用户名/你的用户名.github.io.git
branch: master

大功告成,接下来就可以上传到github了

1
2
$ hexo g
$ hexo d #上传命令

这样你就可以通过你的用户名.github.io访问了

与域名绑定

我通过阿里云购买域名,买了一个kinano.top域名,一年只需要2块钱哦。
买完域名后在阿里云控制台>产品与服务>域名与网站>域名>选择购买的域名>快速解析>填写GitHub page的ipv4地址就行
如何获得github page的地址

1
$ ping 你的用户名.github.io

就可获得,获得后复制进去便可
自后,你还要在hexo工作目录下的source目录下新建CNAME文件,并填写你的域名进去。
比如我的f:/HexoBlog/hexo/source/CNAME,内容为kinano.top
然后再次执行

1
2
$ hexo g
$ hexo d

这样我们就可以通过域名访问我们自己的博客啦!

写博客

对于Hexo,我们使用markdown文法来书写,关于markdown,可点击进行学习markdown文档
再hexo工作目录下,我们通过如下命令进行新建文章

1
$ hexo new '文章名'

关于文章的详细信息,请参考Hexo|文档

美化博客

Hexo 为我们提供了丰富多彩的主题,我们可以通过如下链接来查看已有主题Hexo|theme,并通过每个主题的文档来进行安装与使用,接下来就靠各位博主进行自主学习与美化了。不过,要记住,博客重要的是内容,万不可浪费时间再美化博客上,而要专注于博客内容的书写哦。