给创造日志的时间线加上封面图

时间线像在看目录

创造日志的时间线页面上线后，我每次回去翻都觉得少了点什么。

所有卡片长得几乎一样：一个日期、一行标题、两行描述。从上往下扫，每张卡片的视觉权重完全相同，很难快速区分"这篇写的是什么"。像在看一份目录，而不是在浏览一段开发历程。

问题很明显：缺视觉锚点。

让文章自己"长出"封面

我不想手动给每篇文章设置一张封面图。因为大多数创造日志里本来就有截图，讲 metool 的有工具截图，讲 mofanx 的有页面截图。

所以做了一个很简单的事：让程序自动从文章正文里提取第一张图片，作为卡片的封面。

写完文章，封面就自动有了。零额外工作量。

贴边，不贴邮票

第一版把图片放在卡片右侧，加了圆角和边框，尺寸也不大。看起来像一张邮票贴在卡片上，和内容有距离感。

调整后，让图片直接贴紧卡片的右侧边缘，上下也顶满，利用卡片自身的圆角自然裁切。左边是文字，右边是图片，形成一个自然的分区。

没有图片的文章卡片会自然降级为纯文字布局，不会出现空白。

小改动，大不同

代码量很小，但浏览体验的变化是立竿见影的。

之前的时间线从头到尾全是文字，想找某篇日志只能逐行读标题。现在扫一眼图片就知道哪篇是哪篇：有工具截图的是 metool 迭代，有页面截图的是 mofanx 改版，有数据图的是 SEO 优化。

有时候决定体验好不好的，就是这种小细节。