这个 Blog 的模板是我自己写的。
上一次比较大的改写是从扔掉 Octopress 。
单单是因为要写点东西当然犯不着这么折腾。这么做,主要是尝试跟上永远停不下来的前端1。最近看了一下 Gatsby,觉得非常值得一试。但在这之前,决定先升级到 Jekyll 4 ,顺便做了一些性能优化2:
字体
- 去掉了需要用户下载的自定义字体 PT Sans,优先使用用户平台上最优的黑体3。
- 整体字体使用自适应计算大小,加上一些局部字体大小的调整。朋友你不来和我一起玩怎么可能相信人类可以写出下面这样的 CSS 属性:
font-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
图片
- 使用了 jekyll_picture_tag 来完成自适应图片的生成(相比之下 jekyll-responsive-image 的自定义功能很弱,不能和我自己写的插件很好的合作)。
- 使用七牛的免费 CDN 作为图床4。
- 写了一个小的 mixin 来让
serve
命令方便的自动选择是用七牛的图片还是本地图片。 - 写了一个 python 脚本来进行本地增量的静态文件上传。
- 支持了 lazyLoad。
CSS
- 在模板生成过程中更好的 uncss 去掉冗余。
- 去掉了大量影响性能的设置。
- 修改了
table
相关设置让表格可以见人。
现在这个 Blog 访问起来应该是又快了超过 1 秒了。