跳到主要内容
流金岁月 TIME MACHINE
FILE 07 / COLOPHON 2026 年 10 月 最后更新

关于这台
时光机

它不是真的能穿越。它只是一个把名字、年份和细节重新写一遍的地方——写给还记得这些东西的人,也写给有一天会忘记的人。

建站
2026
覆盖年份
1980—2009
栏目页
9 个
详情页
174 个
评论系统
Twikoo · 待接入
流金岁月 · 编辑部 VOL.05 2026 年 10 月

写给还在翻旧东西的你

如果你点进这一页,大概率是先想起了一件很小的事:抽屉最里面那盒磁带,塑料壳裂了一道缝,歌词纸被翻得起了毛边;或者文具盒盖内侧贴过的贴纸,撕下来时留了一块洗不掉的胶印。

我们把 1980 到 2009 年之间的东西,做成了这个网站。不是要证明过去更好——过去当然不更好:没有外卖,没有导航,打一个长途电话要去邮局排队,电视只有几个台,星期二下午还常常停播。我们只是觉得,那些东西正以很快的速度从语言里消失。再过几年,你可能会突然想不起「万能充」叫什么,想不起跳皮筋的口诀第二句。

所以这里收录的每一条,都尽量写得具体:哪一年、多少钱、在哪儿买、怎么玩、坏了怎么修。具体的东西不容易被忘掉。

我们也没有把记忆修得太干净。小卖部的辣条吃完要舔手指,四驱车冲进下水道就再也找不回来,小霸王被家长锁进柜子——这些都在。回忆不是一张磨皮过度的照片,它有噪点,有划痕,有时候还有一点不甘心。

这个站会一直更新。数据来自公开资料和我们自己的记忆,难免有错。如果你发现哪一年写错了,或者某件东西在你们那儿根本不是这个叫法,欢迎去页面底部的留言板说一声。我们想知道。

页面没有广告,不收集你的信息,也不会弹窗劝你关注什么。你可以随便逛逛,看完关掉。如果某一页让你停下来多看了两分钟,这个站就算做成了。

最后,谢谢你还记得这些东西。

※ 这里说的「我们」,其实只有一个人。

流金岁月编辑部

2026 年 10 月

1980 — 2009 流金岁月印章
03 Data & Credits

数据与版权

所有内容都能追溯到公开资料或具体记忆。这里把收录标准、引用范围和纠错方式一次说清楚。

CONTENT INVENTORY 截至 2026 年 10 月
时光轴大事记
120 条
华语金曲
60 首
书单
36 本
影视条目
48 部
老物件展品
30 件
后厅藏品
36 件
授权实拍图
16 张

数字由数据文件自动统计,随内容更新变化。
收录标准:真实存在、能说清细节、不编造年份。

文字与年份

站内文案由编辑撰写整理,年份以作品的首播、发行或上市年份为准。不同地区对同一件东西的叫法差别很大,我们在别名里尽量多收了几种,但不可能穷尽——你那儿叫什么,欢迎补充。

封面与实拍图

书籍、音乐、影视的封面由程序按标题与年份生成,不使用图库图片。老物件详情页的实拍图来自 Wikimedia Commons 等公开授权来源(CC0 / 公有领域 / CC BY / CC BY-SA),逐张标注作者、协议与原始页面,见下方「图片来源」。所有图片都已下载到站内,不请求外部图床。

引用与版权

歌词、台词、书名引用都控制在 25 字以内,只用于评论和说明。音乐、影视的完整版权归原作者与出品方所有,本站不提供音视频下载或在线播放。

纠错与删除

如果发现年份、人物或事实有误,请直接去留言板指出,核实后会修改。若涉及版权问题,向来信说明,我们会删除相应内容。

隐私

这是一个纯静态网站:没有统计脚本、没有 cookie、没有账号系统。留言板接入 Twikoo 后,评论数据会保存在你自己部署的后端里。

Image Credits

图片来源

老物件详情页的实拍图来自 Wikimedia Commons 等公开授权图库,全部下载到站内,不请求外部图床。每张图保留作者、协议和原始页面。

16 张 · 已标注授权
04 Build Sheet

这台机器是怎么造的

没有后端,没有数据库,没有前端框架。构建产物是一堆静态 HTML,放在任何能放文件的地方就能打开。

BUILD NOTES
框架
Astro 5 · 静态输出,不带前端框架运行时
样式
Tailwind CSS v4 + 自定义设计 token(旧纸、油墨、朱红、胶带)
交互
原生 TypeScript:筛选、搜索、滚动入场、键盘快捷键「/」
动效
只做滚动入场和少量 hover;全部尊重 prefers-reduced-motion
封面
程序化生成(hash → 配色与纹理),不依赖外部图片
图片
详情页实拍图来自 CC 授权图库,下载到站内托管,作者与协议逐张标注
3D
three.js 只用在首页 Hero 的星空时间隧道:动态 import,reduced-motion 时跳过,不可用时降级为静态星空;其余页面不加载
留言板
Twikoo 预留;未配置环境 ID 时不发起任何请求
字体
系统宋体 / 苹方 / 等宽字体,不外链字体文件

$ pnpm build

✓ 输出纯静态 HTML · 无需服务端 · 可离线归档

NOTE 01

为什么全是字

文字比图片耐旧。一张九十年代的模糊照片,可能还没一句「马兰开花二十一」更能把你带回那个课间。

NOTE 02

为什么不做动效大片

怀旧不是特效。页面安静一点,你才听得见磁带底噪。动效只在进入视口时发生一次,不抢内容。

NOTE 03

三种宽度

1440 / 768 / 390 三种宽度逐一检查过,没有横向滚动。移动端优先,是因为很多人是在睡前躺着刷到这里的。

NOTE 04

关于错字

校对做了很多轮,但记忆和资料都会出错。发现不对的地方,留言板比邮件更快,我们改得也更快。

05 Changelog

更新日志

改动会记在这里。日期是真实的,待办也是真的待办。

  1. 2026.10 详情页

    老物件可以单独打开看了

    每件老物件有了自己的展签页:实拍图、长文、玩法步骤、那一年的事件、同类推荐,以及上一件 / 下一件。关于页新增「图片来源」,逐张列出作者、协议和原始页面。

  2. 2026.10 上线

    九个页面正式上线

    首页、时光轴、音乐、书籍、影视、老物件、时光机、关于,以及 404 页。视觉系统统一为旧纸、油墨与朱红,全部页面适配移动端,无外部图片与字体请求。

  3. 2026.10 数据

    补齐 1980—2009 的内容

    大事记、华语金曲、书单、影视条目与老物件陆续完成编写和校对。老物件的别名、玩法步骤与私人记忆按地区差异尽量收录。

  4. 2026.10 无障碍

    筛选、搜索与动效

    全站筛选搜索使用原生 TypeScript,支持「/」键聚焦搜索;滚动入场、展开和 hover 动效都尊重 prefers-reduced-motion。

  5. 下一步 待办

    留言板与音频片段

    部署 Twikoo 后端并填写环境 ID 后,留言板即可启用。音频片段要等版权问题解决后才会加入,在那之前不提供试听。

  6. 下一步 待办

    继续校对年份与叫法

    收录标准是「不确定的宁可不写」,所以仍有一些条目在核对中。发现错误请留言,比猜测有用。

Continue

信看完了,去挑一个入口

Guestbook

留言板

说说你还记得的那个年代,或者只是路过打个招呼。

TWIKOO · 待接入

留言板还差最后一步

评论系统已使用 Twikoo 预留好位置。等你在腾讯云函数(或自建服务器)部署好 Twikoo 后端,把环境 ID 填进配置,这里就会自动亮起来——不需要改动任何页面代码。

  • 01 · 部署 Twikoo(腾讯云函数 / Vercel / 自建 Docker)
  • 02 · 在 src/data/site.ts 填写 site.twikoo.envId
  • 03 · 或构建时注入 PUBLIC_TWIKOO_ENV_ID 环境变量
RESERVED 留言区 SIGNAL PENDING COMING SOON