liudon@localhost:~/blog$ cd /posts/hugo-ipfs-time-machine-v2
博客时光机 2.0:从随机穿越到看见时间
# 记录博客时光机从随机穿越升级到可视时间线的 2.0 迭代过程。
$ less index.md
前言
9月21日,博客时光机 V1 版本上线。
当时满心欢喜,自己觉得还挺好玩。
但上线后,现实给我泼了一盆冷水。
虽然也在 V2EX 上发帖做了推广,上线到现在,一共才有68次浏览。

老张还问我,在哪里看,没看到有什么效果。
这让我不得不重新审视这个功能了。
1.0 有什么问题
1.0 版本的核心交互是“随机穿越”,本质上就是一个抽盲盒的过程。
等新鲜劲过去以后,再回头看第一版,问题其实挺明显:
- 历史版本彼此割裂:点一下跳到 2021 年,再点一下跳到 2018 年,读者根本感知不到时间轴。
- 看不到演进过程:抽到一个页面就结束了,缺少连续的生长脉络。
- 快照视觉差异太小:很多临近版本的改动只是微调了字句,读者甚至以为页面没跳转。
- 背景门槛过高:我觉得好玩,是因为我自己熟悉整个建站历史;但对新读者来说,只觉得莫名其妙、一头雾水。
这两天我一直在琢磨:如果时间不是用来“抽奖”的,它应该如何被呈现?
于是就有了今天的 2.0 版本。
2.0 看见变化
让过去,再次打开。
想让人感受到时间的流逝,最直观的还是画面。
如果把不同时间点的博客页面按顺序串起来,让它们随着时间不断切换,博客这些年的变化也就自然显现出来了。
打开时光机以后,博客会从过去开始,一版一版向今天演进。
这样即使你从来没有看过我的博客,也能直观感受到它这些年的变化。
在前端展示上,试了时间轴、CRT 等几个方案,最后还是觉得一台真正来自过去的电脑最合适。
所以这次干脆搬来了 1984 年的 Macintosh 128K,让过去的博客在过去的电脑里重新出现。

为了好玩,页面里还埋了一些交互彩蛋(比如试着双击桌面图标、或者用滚轮翻翻看),期待你的发掘。
在线体验
你可以直接在电脑或手机上点开这台时光机:

- 建议在电脑端打开,体验更沉浸;
- 看到感兴趣的旧版本,可以点击界面上的 “打开 ↗”,直接穿越到那个时刻真实的网页中翻阅。
总结
回头看,1.0 和 2.0 的区别其实很简单。
1.0 做的是:
把过去保存下来。
而 2.0 想做的是:
看见过去是怎么一步步走到今天的。
昨天中午的一个点子,在今天晚上就变成现实上线了。
亲眼看着一个想法,一点点落地成型,恍惚有了一种当年做 ToC 产品的感觉。
这次升级里其实还折腾了不少东西,详细的设计和实现过程,后面再慢慢写。
明天就是中秋节了,祝大家中秋玉快,阖家团圆!
$
twikoo
--page /posts/hugo-ipfs-time-machine-v2/
...
loading comments