博客折腾记录

年轻人,就是不知道生命的宝贵,非要把时间花在这种没啥价值的事情上,瞎折腾。

  • 找到了个很赞的Ghost主题 imgarylai/text 用来魔改。

  • 优化了一下nginx的配置
    主要参考了 博客性能优化博客性能优化:续

  • 启用了HTTP/2
    在官方nginx镜像由于基础镜像内建的openssl版本版本过低,无法直接开启HTTP/2,所以换成了alpine基础镜像的nginx。具体参考了这篇文章

  • 替换前端库的CDN
    把前端依赖的各种库CDN统统换成了CDNBee,在国内的加载速度有很大提升。

  • 修改Google Fonts的地址
    其实后来由于调整字体,把Google Fonts干掉了,但也记录一下,使用 360代理的Google Fonts 速度不错,虽然它上面没写支持https,但实际上是支持的。另一个可选的方案是 中科大lug提供的代理

  • 修改中文字体
    由于作者是台湾人,主题原来用了正黑,所以对繁体优化的比较好,然后到了这边字形就怪怪的。于是修改了一下font-family,参考了fonts.css的配置,据说能保证在各种系统上都可以显示得比较漂亮,用了这个你就能吞下玻璃而不伤身体。

  • 修改文本对齐
    强迫症最难以忍受的就是对不齐,正文换行的时候右边缺一块最难受了。参考了 这篇 对内容文字做了对齐处理。

  • 增加行距
    提升中文文本的可读性。line-height设置为1.5与2em之间比较好。

  • 启用盘古之白
    这东西主要是用来自动给全角和半角之间加空格的,提升可读性。因为据说打字的时候不喜欢在中文和英文之间加空格的人,感情路都走得很辛苦,有七成的比例会在 34 岁的时候跟自己不爱的人结婚,而其余三成的人最后只能把遗产留给自己的猫。终于知道自己为啥那么惨了,我需要认真反省一下。

  • 其他细节的调整
    比如段落间的间距,字符的间距,图片的间距和对齐等等。

  • 修复主题的一个小bug
    手贱在设置里改了一下url格式,加了日期,就发现评论全没了。这是由于模板中没有正确渲染Disqus的identifier,导致Disqus使用页面的地址作为标识,所以当切换地址的格式后,Disqus认为是一个新的页面,那么原来的评论就不见了。Disqus接入时的文档也是蛮误导人的。修好之后,可以用Disqus的migration tools里面导入csv(这个csv要自己写)的方式将原来的地址映射为新的地址,之前的评论就回来了。

就这样一个下午加一个晚上过去了。

最后我想说,写前端真的需要天赋,我选择面向复制粘贴编程=。=

传送门