建站日志 05：把归档做成时间线

2026年11月2日

归档页负责回答一个简单的问题：这个小站在不同时间写下了什么？看到一张中间有细线、内容左右交错的参考图后，我希望自己的归档页也采用类似布局。

参考图里的时间线

参考图像一张按日期排列的杂志页面：中间的线串起时间节点，左右两侧交替展示内容。这种结构很适合回看文章和项目的发展过程。

相比参考图里较小的文字，博客归档需要优先保证阅读。于是效果图保留了中轴线、节点和左右交错，同时使用更明显的标题与留白，颜色也延续小站的暖色风格。

归档页面使用已发布文章的数据，按年份和日期倒序排列。每篇展示日期、分类、标题和摘要；点击标题可以阅读原文。页面颜色跟随站点主题。

桌面端使用左右交错的时间线；手机窄屏改为单侧排列，让标题和摘要有足够的阅读空间。没有文章时，页面会显示空状态。

归档时间线已经提交并推送。本地生产构建通过，生成页面时检查过当时索引中的文章都出现在归档里。

推送和线上部署是不同步骤；当时未能完成线上版本核对，也尚未完成桌面和手机的实际浏览器视觉与点击验证。后续仍需要结合真实页面检查效果。

随着日志和学习文章增加，时间线会逐渐丰富。以后可以根据阅读体验再决定是否需要年份快捷跳转或文章配图，先让标题和日期保持清楚。