软考找老孙
软考找老孙guoruankao.com
返回网站更新记录
体验优化2026-04-23 08:18

网站更新记录页打磨:纯时间倒序 + 归位到关于我们

根据实际使用反馈,把网站更新记录列表改为纯时间倒序,不再因"本轮重点"角标打乱时间线;同时把页脚入口从"学习资源"归入更贴切的"关于我们"分组。

#更新记录#信息架构#页脚导航

本次更新概览

  • 列表排序改为按发布时间倒序,最新一条永远在最上
  • "本轮重点"只作为视觉角标保留,不再把置顶条目提到列表顶部
  • 页脚"网站更新记录"入口从"学习资源"分组移到"关于我们"分组,放在"联系咨询"之后
  • 详情页切换为 Markdown 渲染,更适合承载详细的更新说明

用户会看到什么变化

  • 打开 /updates,最新一条始终出现在第一位,不再出现"最近的那条居然在下面"的困惑
  • 在页脚找"网站更新记录"时更自然:它是产品介绍性内容,应归在关于我们
  • 点进任一条详情时,标题、列表、加粗等排版更清晰可读

更新说明

这次调整的来由

上线当天就收到反馈:

  • 网站更新记录列表没有按时间倒序展示,最新一条反而不在顶部
  • 页脚把"网站更新记录"放在"学习资源"里,不够直觉

这两个点都是小问题,但对使用体验的影响是实打实的,所以第二天早上先处理掉。

具体做了什么

1. 列表排序改为纯时间倒序

原先排序规则是"置顶 featured 优先,之后再按发布时间倒序"。结果是:被标成"本轮重点"的条目会被提到列表顶部,把时间线打乱。

改为只按 published_at 倒序,最新一条永远在最上;featured 只保留右上角的"本轮重点"角标作为视觉提示,不再参与排序。

2. 页脚入口归位

"网站更新记录"本质上是产品介绍性内容,讲的是"这个网站在持续被维护",不是学习资源。所以从页脚"学习资源"分组挪到"关于我们"分组,放在"联系咨询"之后。

3. 详情页改用 Markdown 渲染

之前详情页的正文用 <pre> 直接展示,适合短文案,不适合承载详细说明。切到站内统一的 Markdown 渲染组件,和博客文章、教程用同一套样式,标题、列表、加粗、引用都会正确排版。

用户会感受到的变化

  • 打开 /updates 列表一眼能看出发布顺序,不需要对着日期慢慢核对
  • 在页脚找"网站更新记录"入口时,会在"关于我们"里找到,更符合直觉
  • 详情页的排版更接近一篇完整的说明文章,读起来不累

相关范围

  • 官网:/updates 列表页、详情页、页脚导航
  • 后端:小程序后端 site-updates 列表接口的排序逻辑

这条记录的发布时间

以最后一次相关 git 提交的时间为准:2026-04-23 08:18:59

意见反馈
回到顶部咨询