自从在上一次升级模板的时候集成了 Valine，这个 Blog 就又有人来评论了。

有时候留言的同学会提醒一些 typo，很感谢。

最近有位说，在 Firefox 下面 CSS 加载不对劲，非常感谢。

这两天有点时间把它们都 fix 了：Firefox 的问题出在我误会了它对 preload 的支持。

除此之外，这个版本还有两个挺大的改动。

一个是全面使用 MP4 替换 GIF¹。

GIF 很酷，Facebook 刚花了 4 亿美金收购Giphy。

我是 GIF 爱好者，曾经有段时间，我用 ffmpeg 把电影里面喜欢的片段转成一个 .gif 文件收藏起来。

Steve Wilhite 设计这种格式是为了提供气象图等动态图形内容：因为没有显示照片时需要的色彩细节方面的要求，GIF 格式限制了只能使用 8 位 256 色，但可以在一个文件中存储多个帧，并且可以无限制循环这些帧。

于是就被大家玩坏了。

然而 GIF 有一个显著的缺点: 文件大小很惊人。

一个在用户看起来没有区别的内容，使用 MP4 可以比使用 GIF 缩小文件体积 95% 以上。

因此很多的服务提供商看起来允许你上传和使用 GIF，其实都是转码成 MP4 的。

我写了一些脚本来转换 .gif 文件到 .mp4 文件，核心就一个 ffmpeg 命令：

for i in *.gif; do
    [ -f "$i" ] || break
        echo "this is ${i%%.*}"
        ffmpeg -f gif -i $i ${i%%.*}.mp4
done

然后在 markdown 里面把原来的图片标签置换成：

<video playsInline autoplay loop muted>
    <source src="sample.mp4" type="video/mp4">
    <p>Your browser doesn't support the video embedded.</p>
</video>

这样的设置在用户体验上唯一跟使用 GIF 不同的是，如果 iOS 设备被设置为省电模式的时候，视频的自动播放会失效：用户必须手动播放视频。

另一个改动就是让自定义的图片元素支持靠左、居中和靠右对齐：之前因为没有支持这个，所有在对齐上比较特别的图片我都是直接嵌入 HTML 的。但是这样它们就没有办法被 Jekyll-Picture-Tag 优化了。