首页为什么做成文章卡片

首页采用卡片式文章列表，但目标不是做成商品瀑布流。

真正需要解决的是：当文章越来越多时，访客怎样快速判断一篇文章值不值得点开。

一张卡片只回答几个问题

每张卡片固定展示：

1. 文章属于哪个分类；
2. 标题是什么；
3. 大概会讲什么；
4. 什么时候发布；
5. 需要多久读完；
6. 阅读量和评论数是多少。

信息足够，但不把正文提前塞进首页。

第一篇可以更突出

首页第一篇文章可以跨两列展示，作为最近最希望读者看到的内容。其他文章保持统一网格，桌面三列、平板两列、手机一列。

动效只做反馈

卡片 Hover 只轻微上移，封面只做很小的缩放。支持 prefers-reduced-motion，避免动画成为阅读负担。