本文档更新于2020年05月06日。
主要对本博客做了如下修改:
- 新增Gitee部署
- 自建图床
- 魔改主题
- 延迟修复
为了尽早体会到拥有一个个人博客的乐趣,在使用Typecho搭建个人博客后由于不想出云服务器的费用(在此感谢大师第一时间给我提供帮助),我便转而投入到了hexo+github中。整体使用过程是较为流畅的,唯一一点不适应的是每天都要面对黑色的Git Bash……
今天写这篇文章,一是为我的博客庆生,二则是分享一下在搭建过程中所探索出的一些“新”东西。
搭建
Github+Hexo
在利用Github+Hexo搭建博客的过程中,主要参考了这位仁兄的使用hexo+github搭建免费个人博客详细教程。整篇文章较为简单,在这篇文章中,我主要学习其中使用hexo和github搭建个人博客的大框架和大流程。在实际的应用中,会出现很多的问题。在总的搭建过程中,我所重复最多的事情就是…一遍遍的扒博客园、CSDN和简书。推荐以下几篇文章供参考:
- 使用hexo+github搭建免费个人博客详细教程
- 搭建hexo博客并部署到github上
- hexo史上最全搭建教程
- 可能是最详细的 Hexo + GitHub Pages 搭建博客的教程
- GitHub+Hexo 搭建个人网站详细教程
在搭建的过程中,主要是细致,以上的几篇搭建文章个人建议只参考其中的如何搭建+部署到Github上,其余的则根据个人博客实际需要作灵活调整。
Gitee+Hexo
在20年五一假日的最后一天,我将我的博客做了一次巨大的升级,其中最重要的就是将博客部署在了Gitee(码云)上。其过程与Github的配置几乎一致,优势在于访问速度是Github的1/3(Gitee平均40ms,Github平均130ms),不足处在于自定义域名只有一个月,且必须申请SSL证书(关于这个证书后文会讲解一些我遇到的坑和bug)。同样,参考如下这篇文章即可完成配置。
最恐怖的坑在于,Gitee中的配置需要手动刷新!手动刷新!手动刷新!这真的会令人崩溃…
所以,一定要记得手动更新!!!
个人觉得,资金充足的同志们完全可以考虑充年费享用Gitee Pages Pro服务,获得更良好的使用体验(包括自动更新、自定义域名(不限时)等等)。
基本配置
域名配置
以上过程中,唯一令我疑惑的则是如何使用自己的域名。在自己买了域名后…我真后悔,阿里云域名续费双十一打折,我应该再续一波费…
言归正传,如何使用自己的域名,可参考:
域名可以在阿里云购买。
在ping github提供的域名时(仓库名.github.io),可能会出现请求超时的情况,但是并没有什么影响,只要得到Github pages的IP地址即可。
配置域名证书
在后期将博客部署至Gitee时,出于好奇(其实是闲得慌),为了实现自定义域名,特意从阿里云搞了个免费的SSL安全证书,结果,玩大了…
在开启免费试用一个月的Gitee Pages Pro服务后,你会看到下图这个界面:

此时,你可以将你自己购买的域名填入“自定义域名”处,在填好域名后,点击“配置域名证书”,根据提示,下载KeyManager后进行配置(emm我没配置过感觉还可,也不知道会不会有坑…)。或者使用阿里云下的SSL证书申请免费证书,但后期会出现谷歌浏览器无法识别的情况(免费不认可),如果不介意域名样式,可以跳过这一步(可以省点钱😭).
Git下载
由于是外网的原因,从Git官网下载Git时非常非常慢,在这里分享自己使用的Git。
主题
Hexo官网提供了很多的主题,但在被Typecho的美貌所“勾引”后,不得不说,Hexo的主题不是那么的美丽。扒Github是个好习惯,在Github中有很多意想不到的好看的主题。
在拥有了好看的主题后,看懂帮助文档对主题的修改配置有非常大的帮助。
魔改主题
根据@云玩家的博客,可以对Butterfly主题进行一些初步的修改,这位大哥已经将自己的魔改主题开源了,需要可自取。
-
另外,根据hexo(butterfly)蝴蝶主题+个性美化修改了about me。
Github延迟
如果在搭建过程中,出现“404 Not Found”,在确认其余操作无误后,唯一的原因是由于Github自身的原因。Github搭建在东南亚,白天速度还是可的,一到晚上就进入死机状态。这便出现了我一晚上提交了五次到github上但网页中没有一点变化的情况。
如果在访问我的博客的过程中,出现404,加载过慢,请保持愉悦的心情,再刷新一次。
主页中,我已挂出Gitee上的博客链接,如果需要提速请访问该链接。
延迟修复
主要参考大佬@云玩家的杰作,一个js引用结束一切战斗。
插件
在完成基本的搭建之后,为实现多样化的功能,则需要使用插件。
看板娘
在Typecho中,我就已经使用了傻傻的看板娘,小姑娘摇啊摇的特别可爱,在这次Hexo的搭建中,我便将其添加进了我的博客中。想实现这一功能可参考:
在这里有一点说明,使用张书樵大神的项目(推荐)时,要先将看板娘插件卸载后方可调用。
评论系统
Hexo由于是静态页面,故而只能使用第三方评论系统,推荐valine。使用方式可参考:
推荐理由还是因为免费,其中Lean Cloud还可进行数据管理。
音乐播放器
在Hexo中,可以通过插件aplay插入音频,具体可参考:
使用过程依旧是流畅欢快的,即插即用真好。
小图标
可以调用以下两种:
注:5.0版本可能会和4.0版本产生冲突,可优先使用5.0。
图床
在线图床
由于Github只提供了300M的空间供我们使用,所以,大部分的图床必须放置在图床中。在一再试用后发觉Github的域名好像不能备案(非本国),我便放弃了七牛云,使用了更优秀的在线图床。(真想打死做省赛的时候的自己,那么多图放图床不就好了…)
可参考:
个人使用的是路过图床,总体体验还是可的,唯二不足是广告有点多,图片原图无损导致相册页面加载非常缓慢(图片大小5~8M不等),后期我会抽空压一下图片。
自建图床
研究了研究自建图床,完全可以用Github/Gitee仓库代替zaix图床,具体可以参考以下几篇:
搜索
我所使用的是Hexo的本地搜索插件,然鹅,有点问题。
algolia要收费,暂时还没有找到更好的解决方法,先将就吧。
文章加密
在写博文的过程中,总有一些文章想要限制一些访问量,所以需加密,对于这一功能,可参考:、
个人较为推荐使用hexo-blog-encrypt
插件,由于不同配置环境和原因,使用其他方法会降低成就感。
Rating 评分
具体可参考
总的来说,做网站能极大地激发我的兴奋度,虽然睡功在这一阶段直线上升,随处可睡,但还是收获颇多。Sublime Text真是个强大的编辑器,markdown真是一门强大的语言。后续我将继续完善我的小博客,在这里记录我的点点滴滴。