本文档更新于2020年05月06日。

主要对本博客做了如下修改:

  • 新增Gitee部署
  • 自建图床
  • 魔改主题
  • 延迟修复

  为了尽早体会到拥有一个个人博客的乐趣,在使用Typecho搭建个人博客后由于不想出云服务器的费用(在此感谢大师第一时间给我提供帮助),我便转而投入到了hexo+github中。整体使用过程是较为流畅的,唯一一点不适应的是每天都要面对黑色的Git Bash……
  今天写这篇文章,一是为我的博客庆生,二则是分享一下在搭建过程中所探索出的一些“新”东西。

搭建

Github+Hexo

  在利用Github+Hexo搭建博客的过程中,主要参考了这位仁兄的使用hexo+github搭建免费个人博客详细教程。整篇文章较为简单,在这篇文章中,我主要学习其中使用hexo和github搭建个人博客的大框架和大流程。在实际的应用中,会出现很多的问题。在总的搭建过程中,我所重复最多的事情就是…一遍遍的扒博客园、CSDN和简书。推荐以下几篇文章供参考:  

  在搭建的过程中,主要是细致,以上的几篇搭建文章个人建议只参考其中的如何搭建+部署到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主题进行一些初步的修改,这位大哥已经将自己的魔改主题开源了,需要可自取。

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真是一门强大的语言。后续我将继续完善我的小博客,在这里记录我的点点滴滴。