@Lenciel

升级到Jekyll 4

这个 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 秒了。

  1. 收益还不止是这些,比如学会怎么跟各种开源库保持同步等等。 

  2. 这些顺便的部分花得时间比升级多得多。 

  3. 知乎上的这个讨论让我学习了很多。 

  4. 七牛的对象存储本身跟大厂比并不差,就是后台和 API 设计,差了不少。但是我发现我在七牛有一笔 9 年前的充值所以… 

欢迎留言