年轻人,就是不知道生命的宝贵,非要把时间花在这种没啥价值的事情上,瞎折腾。
-
找到了个很赞的Ghost主题 imgarylai/text 用来魔改。
-
启用了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要自己写)的方式将原来的地址映射为新的地址,之前的评论就回来了。
就这样一个下午加一个晚上过去了。
最后我想说,写前端真的需要天赋,我选择面向复制粘贴编程=。=
传送门
- 调整后的主题: Windfarer/text ,请使用 master 分支
- 做好中文排版!让长文章更容易阅读的十项原则
- 漢字標準格式 - 印刷品般的漢字排版框架
- 中文文案排版指北
- typo.css 中文网页重设与排版:一致化浏览器排版效果,构建最适合中文阅读的网页排版