通辽宇宙知识库：从洗澡灵感到AI协作开发的全流程实践

灵感的诞生

每一个优秀的项目背后，往往都有一个简单而纯粹的灵感时刻。对于"通辽宇宙知识库"这个项目，这个时刻发生在一个平凡的夜晚------就在我洗澡的时候。

作为小约翰可汗的忠实粉丝，我常常会反复观看他的视频。可汗的内容不仅信息量大，而且极具娱乐性，每一集都包含了丰富的历史知识、独特的视角和令人捧腹的梗。然而，随着视频数量的增加，一个实际问题逐渐显现：想要找到特定内容变得越来越困难。比如，当我想重温"硬核狠人"系列中的苏联坦克王牌故事时，需要在众多视频中反复寻找，这个过程既耗时又低效。

就是这样一个简单的痛点，催生了我的第一个想法：为什么不创建一个专门的网站，来系统化地整理和索引这些精彩内容呢？

与AI的头脑风暴过程

作为独立开发者，我面临着创意拓展的挑战。在这个关键时刻，我决定借助AI的力量进行头脑风暴。以下是我与DeepSeek的对话内容，展示了项目从简单想法到完整产品的演变过程：

我：

目前网上有关于小约翰可汗的作品整理吗？我想做一款网页产品，对小约翰可汗视频中的作品进行归纳总结，比如说奇葩小国，网页会显示世界地图，然后在地图上标注出有哪些国家讲解过，在地图上点击该国家，则会关联显示对应的讲解视频，你觉得这个产品需求怎么样

DeepSeek：

DeepSeek回复了一段详细的分析，对我的想法给予了积极评价，并提出了一些扩展建议。

我：

1、比如说奇葩小国，网页会显示世界地图，然后在地图上标注出有哪些国家讲解过，在地图上点击该国家，则会关联显示对应的讲解视频
2、网页上会总结一些流行的梗，介绍梗的出处
3、以家乡通辽市面积（约6万平方公里）和人口（约316万）作为计量单位，例如"1T（通辽）""通辽歇后语，列举出每个国家国土面积都有多少T
4、大量谐音梗、评书式表达，如将勃列日涅夫称为"苏勋宗"，尼克松为"美听宗"。列举出有哪些谐音梗
5、比如说硬核狠人，列举出所有狠人列表，哪些国家拥有哪些狠人

上述是我能想到的产品需求，你帮我完善一下还可以增加哪些需求

DeepSeek：

DeepSeek提供了更多功能建议，包括时间轴、互动元素和数据可视化等方面。

我：

1、比如说奇葩小国，网页会显示世界地图，然后在地图上标注出有哪些国家讲解过，在地图上点击该国家，则会关联显示对应的讲解视频
2、网页上会总结一些流行的梗，介绍梗的出处
3、以家乡通辽市面积（约6万平方公里）和人口（约316万）作为计量单位，例如"1T（通辽）""通辽歇后语，列举出每个国家国土面积都有多少T
4、大量谐音梗、评书式表达，如将勃列日涅夫称为"苏勋宗"，尼克松为"美听宗"。列举出有哪些谐音梗
5、比如说硬核狠人，列举出所有狠人列表，哪些国家拥有哪些狠人


1. 历史脉络时间轴
- 功能：在"奇葩小国"模块中，增加时间轴滑动条，用户可拖动查看不同历史时期（如冷战、殖民时代）的国家变迁，并关联对应视频。
- 关联数据：标注关键事件节点（如"古巴导弹危机"触发古巴视频推荐），结合网页40的地理数据可视化案例 ，用动态连线展示地缘政治影响。
2. "通辽宇宙"互动彩蛋
- 功能：
  - 通辽单位换算器：输入任意国家面积/人口，自动换算为"通辽值"（如"印度=53T面积"），参考网页33的Python地理数据脚本生成动态图表 。
  - 通辽梗生成器：用户可自定义生成"通辽歇后语"（如"瑙鲁的磷矿------通辽的GDP"），并分享至社区。
3. 梗文化档案馆
- 功能：
  - 梗溯源系统：收录"苏勋宗""美听宗"等谐音梗（标注首次出现视频、传播路径及粉丝二创案例（如"通辽哭墙"弹幕文化）。
  - 热梗排行榜：按使用频率、衍生创作量排行，结合网页25的B站数据分析工具 抓取弹幕高频词。

数据可视化深化
6. 地缘政治关系图谱
- 功能：在"奇葩小国"地图中，点击国家可展开关系网络图，展示该国与大国（美/苏/中）的援助、政变、制裁等关联事件，并链接相关视频。
7. 动态数据统计面板
- 功能：
  - 覆盖国家比例：显示"已讲解国家占全球6%"。
  - 狠人类型分布：按"间谍/革命者/诈骗大师"分类统计，用网页33的热力图代码 展示地域集中度。

 跨系列知识网络
- 功能：
  - 人物-国家-事件交叉检索：如搜索"切·格瓦拉"，显示其涉及的古巴视频（奇葩小国）、南美革命事件（硬核狠人）、相关梗"游击队的通辽计量法"。
  - 历史对照模式：对比同一时期不同国家的命运（如1980年代阿富汗与尼加拉瓜），参考网页57的时空地图对比功能 。

上述是我整理的网页产品需求，帮我精细化一点，生成一份新的需求文档

DeepSeek：

DeepSeek提供了一份更加结构化的需求文档，包含用户故事、功能模块和技术要点。

我：

紧接上述回答，如果我想开发这个web应用，采用什么技术框架比较方便？
已知核心技术如下：
地图交互
Leaflet.js + OpenStreetMap
数据可视化
D3.js + ECharts
后端框架
Node.js + Express（API服务）

一个项目实现前后端所有逻辑，所以采用什么技术

DeepSeek：

DeepSeek详细分析了各种技术选项，并推荐了适合独立开发者的全栈技术方案。

从单一功能到完整生态

通过与AI的深入讨论，我的项目愿景从最初的简单地图功能，逐步发展成了一个完整的产品生态，包含多个核心模块：

1. 奇葩小国地图：不仅仅是简单的地标，而是一个融合了时间轴的历史地理信息系统，用户可以看到国家边界的历史变迁，了解地缘政治关系。
2. 梗文化档案馆：系统化地收集和解释小约翰可汗视频中的经典梗，包括谐音梗（如"苏勋宗"、"美听宗"）、历史典故和粉丝创作。
3. 通辽单位换算系统：基于小约翰可汗的家乡通辽市（约6万平方公里，316万人口）作为基本计量单位，创造性地展示世界各国的面积和人口比例，如"1T（通辽）"。
4. 硬核狠人数据库：建立一个包含小约翰可汗视频中提到的所有历史人物的数据库，按国家、时代和类型（间谍、革命者、诈骗大师等）分类。

技术选型与架构设计

基于与AI的讨论，我确定了以下核心技术组合：

• 前端框架：Vue 3 + Vite，提供现代化的组件系统和高效的开发体验
• 地图交互：Leaflet.js + OpenStreetMap，实现轻量级且功能强大的地图组件
• 数据可视化：D3.js + ECharts，用于创建各类图表和交互式数据展示
• 后端框架：Node.js + Express，构建RESTful API服务
• 数据库：MongoDB，存储非结构化的内容数据
• UI框架：Tailwind CSS，实现响应式设计和现代化界面

这种全栈JavaScript技术栈不仅简化了开发流程，还使前后端之间的数据交互更加流畅，特别适合独立开发者完成这样一个复杂项目。

总结

从一个简单的洗澡时刻的灵感，到一个完整的产品生态，"通辽宇宙知识库"的创作历程本身，就是一个关于如何将兴趣转化为创造的故事。这个项目不仅仅是对小约翰可汗内容的致敬，也是技术与创意结合的一次探索实践。

目前，通辽宇宙知识库已经成功上线，欢迎各位感兴趣的读者前往体验。

本文仅是开发经历系列的开篇，主要介绍了从灵感到需求文档的过程。敬请关注后续系列文章，我将继续分享这个项目从构思到落地的完整开发历程。