Mobile wallpaper 1Mobile wallpaper 2Mobile wallpaper 3Mobile wallpaper 4Mobile wallpaper 5Mobile wallpaper 6
276 字
1 分钟
公告系统重构:独立公告页面 & 配置化管理
2026-02-08
统计加载中...

之前的问题#

原来的公告只存在于首页右侧的小组件里,而且链接一直指向 About 页面。 这样有两个小问题:

  1. 公告内容偏运营 / 更新信息,但跳转却是「关于本站」
  2. 如果想写一段稍微长一点的公告说明,很容易把侧边栏挤得很满

这次怎么改的#

这次做了一个简单的重构,把公告拆成两层:

  • 配置层:在 config.ts 里通过 announcementConfig 配置标题、内容、类型、是否可关闭等
  • 展示层
    • 侧边栏继续显示精简版公告内容
    • 新增 /announcement/ 页面,展示完整公告说明

现在公告组件只负责「怎么展示」,而「展示什么」全部来自配置,后续要改文案只需要动一处。

后续打算#

后面如果有需要,可以把公告做成一个「历史公告列表」:

  • 当前公告展示在侧边栏
  • 历史公告在公告页按时间轴展示

这样既不打扰日常阅读,又能保留每一次重要变更的记录。

公告系统重构:独立公告页面 & 配置化管理
https://sylviz.cn/posts/announcement-system-refactor-2026-02-08/
作者
kiwi
发布于
2026-02-08
许可协议
CC BY-NC-SA 4.0

部分信息可能已经过时

封面
Sample Song
Sample Artist
封面
Sample Song
Sample Artist
0:00 / 0:00