为博客添加一些附加功能

  1. 1. 强制HTTPS
  2. 2. 图床
  3. 3. 评论系统
  4. 4. 播放器
  5. 5. Codespaces

从6月6号用Hexo框架搭建这个博客之后,我就一直在琢磨怎么完善我博客的体验(虽然没有几个人会来用)。不得不说用现成的模板和主题是真的爽,只需要几步就能添加功能,而且大部分功能都是开箱即用的,不出意外的话以后都会用这个框架了,而且会好好更新博客的。

强制HTTPS

去网络上搜了一圈,发现好像大部分人给Hexo添加SSL证书都是通过Nginx的,这就让人有点头大了,我是直接用hexo s命令来运行服务器的,网络上这些方法对我来说没什么参考价值。

好在我在之后找到了一篇符合我要求的文章,这个方法要修改node_modules/hexo-server/lib/server.js。这篇文章的代码不能直接用,因为我的hexo版本较高,没有opn模块导致报错。文章给出的解决方案如下

高版本的hexo可能会提示opn没有安装,安装也很简单,在hexo项目目录下,npm install opn --save即可。

但是我的npm提示我用open替代,按照提示修改了一下就能跑了,这之后的Http请求全部转Https了。很酷但是有BUG,不过暂时没发现影响使用的情况,如果过一阵子发现不行,就改用Nginx吧。

图床

租了华为云OBS作为图床,中间踩了坑,还去PicGo华为云插件的GitHub仓库提了Issue,得到原作者的帮助。另外一提,这位插件作者GitHub个人资料显示他是华为的工程师,没想到这么近距离接触到大佬了。

具体可以看看我之前的文章利用华为云给自己搭一个图床。总之现在一口气加载好几张高清图片都不费劲了!

评论系统

用了waline,因为这个博客主题的原作者用的也是这个,我也用了这个23333。

配置的话只需要按照官网给的指示一步步配置就行了,有什么问题都可以发在我的评论区,我还配置了通过Github登录的功能。非常方便!另外这个评论系统还集成了访问人数统计功能。这正是我所需要的。

播放器

这个播放器其实是这个主题送的,我把网站的播放器配置成我的一个网易云音乐歌单,于是我就能通过网易云音乐来同步了。虽然估计没几个人会听。

Codespaces

这个跟博客功能没什么关系,主要是我开发时用到的GitHub搞得一个云端开发的功能,非常强大,可以在浏览器里开个VScode编辑你的项目然后再在仓库里更新。我可以直接在Codespace写完文章然后push到仓库,这之后我打算在服务器配置一个每小时pull一次的脚本,这样就不用每次都登录去改了。