HEXO搭建个人博客(二):Github上场

本文发布于我的个人博客:flappy8023.xyz

为什么是Github

一个真正意思上的博客自然是需要在互联网的任何一个地方都能够被访问到,目前最简单的方式就是利用GitHub Pages来实现静态博客的托管。

当然国内也有类似的托管服务,例如Coding的Pages,访问速度由于地理位置的优势相较于Github Pages要高不少。不过进过我自己的测试,如果只是Coding的免费账户的话,使用Pages托管博客并绑定自己的域名,进入时会显示数秒的全屏广告页,无疑会伤害用户体验。所以此篇只介绍使用Github Pages服务,对Coding有兴趣的请自行搜索。

动手

建立仓库

申请github帐号,添加公钥自不必说,后续可以补充,最重要的一步是要在github上创建一个以 yourname.github.io 命名的仓库,例如我的github用户名为flappy8023,那么我的仓库名应该是这样:

flappy8023.github.io


HEXO搭建个人博客(二):Github上场_第1张图片

创建完成以后,点击上方的* clone or download *按钮复制仓库的地址。

打开博客根目录下的_config.yml文件,找到deploy标签。

HEXO搭建个人博客(二):Github上场_第2张图片

然后将更菜新建仓库的地址填写到deploy标签下,指定每次发布的地址,此处其实可以添加多个仓库地址,比如同时发布到Github和Coding.

尝试发布

发布到远程仓库是通过hexo d命令来进行,前提是要先安装hexo-deployer-git插件,否则执行hexo d命令将不会被识别。在博客根目录下打开Git Bash,执行

npm install hexo-deployer-git --save

安装完毕之后,我们就可以通过hexo g生成静态文件,然后执行

hexo d

将静态文件推送到github上,此时可以在github上看到新建仓库里已经有了生成的文件。

开启Pages服务

接下来点击仓库页面shangfang的Settings按钮,找到Pages相关设置,选择master分支后进行保存

HEXO搭建个人博客(二):Github上场_第3张图片

现在在浏览器输入yourname.github.io就可以看到博客的效果了

域名解析

显然github.io后缀不够那么有bigger,那么怎样通过自己的域名来访问博客呢?

首先,我们需要注册一个域名,建议可以到万网上进行购买,非.com、 .cn这样的热门域名的话,大部分其他顶级域名第一年的费用还是蛮低的,像我这个flappy8023.xyz这样的顶级域名活动期间仅需要一块钱,总之买不了吃亏,买不了上当。

有了域名之后,就要开始把域名解析到我们的github站点上,在域名的控制台界面添加解析记录。

HEXO搭建个人博客(二):Github上场_第4张图片

一般几分钟后域名解析就会生效。

在博客的根目录下source文件中(例如:C:\hexo\source)新建一个名为CNAME的文件,注意没有任何后缀,用于github进行读取。

在文件中添加自己的域名并保存,例如

www.flappy8023.xyz

然后,重新生成静态文件并部署

hexo g

hexo d

CNAME文件也会被上传到github仓库当中,此时在浏览器中输入自己的域名,回车之后,熟悉的界面又出现了。

总结

至此,博客部署到github上已经完成,成为真正意义上的个人博客。下一节介绍HEXO的主题,了解如何对主题进行简单设置改造,打造一个专属的个人博客。

你可能感兴趣的:(HEXO搭建个人博客(二):Github上场)