最新建造上首页，让回头客也看得见站点在变

先说说最初的别扭

建造日志写了不少，内容都有时效：这周改了什么、为什么改、截了什么图。但这些信息默认待在 /builds/... 各项目内页里，按时间排序。对第一次来的人，可以从创造总览摸进去；对常来首页的回头客，如果习惯只扫首页和文章区，不主动点进 builds，就很难感知到：这些网站其实一直在迭代，并不是上线就冻住的展示页。

我想补上的，正是这种**「活着」的感觉**：不是多一个模块堆砌，而是让最近的建造动态在首页就有一席之地，和教学、思考并列，让人一眼知道最近又在动什么。

首页多了一排「最近演化」

做法很直接：在首页「莫烦创造」里，标题下面先铺一排跨项目、按时间排序的最新日志卡片，再保留下面原有的「创造项目」入口。前者回答「最近哪几篇建造」，后者回答「想跟进哪个项目」。

这样，有时效的内容不再只藏在深一点的列表里，回头客路过首页也能撞上最新一篇，站点是不是在动，有了可见的抓手。

版式上顺带解决的 confusion

把两档信息摆在一起以后，新问题也来了：单篇卡片和项目卡片如果长得太像，读者会愣一下：点进去到底是读一篇文章，还是进整个项目？

所以后面一串都是为这个服务的：两类卡片的版式拉开；演化卡里先标题、摘要、日期，项目 logo 和名称缩在底部当辅助入口；头图固定比例裁切，同一行对齐；区块 h2 与 h3 用字号和衬线、无衬线区分。教学系列、最新思考的主标题也统一成同一套，首页读起来节奏一致。

下面是改版后「莫烦创造」一角的截图：能看见主标题装饰线、子标题层级，以及演化卡片的头图与信息顺序。

技术细节（多链接拆层、避免嵌套 <a> 等）之前也写过，这里不重复展开，核心还是：动机先说清楚，交互才好跟。

小结

这次改动的起点，不是「卡片好不好看」，而是：建造动态若只躺在内页，回头客很难感到站点在实时演化。 把它请到首页，再借版式把「读一篇」和「进项目」分开，读者先感到最近在动，再决定跟进哪条线。

若你也在做个人站或小产品站，不妨问自己：有时效的那部分更新，新访客和回头客分别能在哪一层看见？ 能看见，才谈得上「活的」。