Stray Episode

博客折腾记录

Windfarer -

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

  • 找到了个很赞的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要自己写)的方式将原来的地址映射为新的地址，之前的评论就回来了。

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

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

传送门