写在前面
大好我倪哥。
关注我比较久的朋友都知道,我是个烤肉 man,也经常翻译和搬运一些关于互联网怪谈、失传媒体和阴谋论的视频。
随着做的内容越来越多,我发现了一个挺头疼的问题:这类都市传说的线索往往是网状的,甚至互相穿插。单纯靠视频或者长图文专栏,大家看起来就像在读流水账。有时候你想回去找某个特定的传闻,在专栏或者视频列表里翻半天也找不到。
我们需要一个更好用、更直观的载体。
所以,我这段时间自己动手(with Gemini)折腾了一个新网站——「冰山图宇宙」。
其实是因为之前在用icebergcharts,不过网站马上要闭站了,只好自立门户:)
为什么要做「冰山图」?
大家看怪谈视频时,应该都见过「冰山图」(Iceberg Chart)。这种图通常分为好几个层级:最上面的,是人尽皆知的大众传说;越往下潜,内容就越冷门、越深邃,直到最底层,往往藏着让人不寒而栗的秘密。
但传统的冰山图只是一张静态图片,字写得密密麻麻,没法点开看详情,更别提放链接或者图片了。
于是,我把这种形式搬到了网页上,做成了一个可以交互的站点:
抽屉式阅读:所有的传说都被切分成了一个个独立的词条卡片。想看哪个,点一下就会从右边弹出一个抽屉面板。你不用在多个网页之间跳来跳去,看完关掉抽屉就能继续浏览整座冰山。
Markdown 排版:词条的详细描述全面支持了 Markdown 语法。不管是加粗划重点、引用外部链接,还是直接插入考据用的图片,看着都比挤在一起的纯文字舒服多了。
自带多维筛选:我给每个词条都加了不同的「类别」和「标签」。比如你想看所有标记了「✅ 已证实」且属于「都市传说」的词条,在左侧边栏点一下,系统就能瞬间帮你把它们过滤出来,不用再大海捞针。
顺手摸了个成就系统(真不是画大饼)
如果只是做一个干巴巴的网站,感觉有些无聊,大家看完可能就关了。所以我在写前端的时候,顺手塞进去了一个「成就系统」。
不用担心隐私问题,这个系统完全是利用浏览器的本地缓存(localStorage)运行的,不需要你注册账号,也不需要登录。(其实我也没做这个功能,因为根本没有数据库XD)
在往下深潜阅读的过程中,你可能会在屏幕上方收到一些成就弹窗提示。目前我埋了好几种不同的触发机制,介绍一下:
阅读积累:老老实实看完了 10 个、50 个不同的词条,会自然解锁「求知若渴」或「深海学者」成就。
胆量测试:如果你胆子比较大,直接滑到网页最底部,点开了深海区甚至是底层的词条,会触发该类成就。
随波逐流:如果你有选择困难症,不妨多点几下侧边栏的「随机」按钮,让系统帮你挑词条,点多了也会解锁专属成就。
逻辑死角:除常规玩法外,我还写了一批违背常理的高级隐藏成就,可以通过JS代码自定义。它们没有任何公开提示,完全是对你探索直觉和硬核操作的终极考验。
大家可以随时点开网页左下角的「🏆」图标,打开探索者档案,看看自己当前收集了多少荣誉。里面有不少写着「???」的隐藏成就,等你自己去发现触发条件。
坑已经挖好,欢迎大家一起来填
这个小破站目前跑在我的服务器上,用 1Panel 和 Node.js 做了非常简单的部署。因为没用什么庞大复杂的数据库,所有数据都存在轻量级的 JSON 文件里,所以网页跑起来响应极快。
但一个人的脑洞和精力毕竟有限。感谢这 36000 多名粉丝一路以来的支持,这座冰山,我想邀请大家一起来填满。
如果你手里有很酷的怪谈线索,或者你想自己梳理一个特定领域的冰山图(比如某个游戏的隐藏剧情、某个贴吧的历史事件),我准备了两种门槛极低的共创方式:
1. 无脑填表格(适合绝大多数朋友) 我在飞书建了一个在线共享表格。大家点进去,只需要像填 Excel 一样,顺着表头把「层级名称、词条名、类别、标签、描述」填进去就行。你可以只写你了解的那一两个词条。等大家填得差不多了,我会在后台跑个脚本,一键把大家的表格转换成前台牛逼哄哄的网页版冰山图。
(其实还没弄好,真想填的用离线版网页吧,我加了一个上传中心,本人亲自审核!)
2. 离线版单机网页(适合懂排版、想独立创作的朋友) 如果你对 Markdown 比较熟悉,且想自己独立完成一整张冰山图,我弄了一个可以离线使用的单机版编辑网页。 你不需要懂代码,打开这个离线创作中心,就可以在自己电脑上边写边预览(支持一键切换到深色模式查看效果)。写完之后点击「导出文件」,把生成的 JSON 文件上传就行,我直接帮你挂到网站的广场上。
互联网的角落里,永远藏着未解的谜题。现在,咱们的探索飞船已经造好了。
欢迎来到「冰山图宇宙」,祝大家下潜愉快。
👇点击下方卡片跳转!
👇也可以去反季蝉的冰山图看看!