通辽宇宙知识库：我为 B 站小约翰可汗打造的互动式历史探索网站，求各位 V 友指点

各位 V 友好，作为一名技术爱好者兼历史迷，我最近利用业余时间开发了一个网站项目 通辽宇宙知识库。这是一个专注于整合 B 站 UP 主「小约翰可汗」视频内容的互动知识平台。

由于是个人项目，技术和设计上还有很多不足，特来 V 站请各位大佬指点和建议。

项目初衷

作为小约翰可汗的粉丝，我发现他的视频中包含了大量有趣的历史知识，但这些内容分散在不同视频中，难以系统化学习。于是我尝试开发这个网站，希望能将这些碎片化的知识点整合成一个可交互的知识网络。

网站主要功能

目前网站包含 7 个核心功能模块：

1. 奇葩小国知识库：将视频中提到的各种奇葩小国在世界地图上可视化展示，用户可以直接在地图上点击查看相关国家的历史故事。目前已收录约 50 个小国，支持按荒诞程度、革命事件等多维度筛选。

2. 硬核狠人人物库：以卡片形式展示视频中的传奇人物，每个人物页面包含生平时间线、技能特质等信息。已收录超过 100 位历史人物，并实现了人物关系网络可视化。

3. 硬核历史专题：深入剖析历史事件与思潮，每个专题都包含时间线、关键人物和相关视频链接。

4. 通辽国粹：专门整理了"通辽宇宙"中的特色词汇和梗，建立了一个小型"通辽词典"，每个词条都有详细释义。

5. 通辽单位换算器：一个趣味工具，可以将任何国家或自定义面积转换为"通辽单位"，并通过图表直观展示对比结果。

6. 小约翰可汗的演变史：记录 UP 主多年来头像和签名的变化历程。

7. 视频中心：集中展示最新和热门视频，提供便捷的 B 站原视频链接。

未来规划

1. 添加更多可视化图表展示历史事件关联
2. 构建完整的知识图谱，实现更智能的内容推荐
3. 优化移动端体验
4. 可能考虑开源，欢迎有兴趣的 V 友参与

技术实现

作为一名后端工程师，这次我尝试了完全由前端技术构建的全栈项目，整个开发过程也大量借助了 AI 的力量：

1. AI 辅助开发：从原型设计、UI 实现到数据处理，整个项目几乎完全由 AI 协助完成。这是我首次尝试"AI 驱动开发"的工作流程。

2. 技术栈：

   • 前端：Vue 3 + Vite 构建，采用组合式 API 和 Pinia 状态管理
   li>后端：Express 框架提供 RESTful API 服务
   • 数据库：MongoDB 存储结构化内容数据
   • 地图可视化：使用专门的地图组件实现世界地图交互和热力图展示

3. 架构设计：

   • 前端采用模块化设计，按功能划分为地图、人物、梗文化、通辽单位等核心模块
   • 后端遵循 MVC 架构，清晰分离控制器、模型和服务层
   • 实现了完整的 API 服务体系，支持复杂的数据查询和计算需求

4. 数据处理：所有内容数据（包括国家信息、人物传记、历史事件等）均由 AI 从视频内容中提取并结构化，大大提高了内容整理效率。

5. 部署方案：采用 serverless 架构，降低了维护成本。

寻找志同道合者

如果你也对以下方向感兴趣，欢迎通过 V 站私信交流：

1. AI 辅助开发实践与经验分享
2. 前端可视化技术（地图、关系网络等）
3. 内容型网站的数据结构设计
4. 大语言模型在内容整理中的应用

无论你是对 AI 开发感兴趣的新手，还是有经验的开发者，都欢迎沟通交流。

我相信 AI 不是要取代开发者，而是能够成为我们强大的助手，帮助我们更高效地实现创意。期待与志同道合的 V 友们一起探索 AI 辅助开发的更多可能性！

免责声明

网站内容主要来源于小约翰可汗的视频，通过 AI 辅助技术进行提取和整理。我尊重原创作者的付出，网站中也明确标注了内容来源，并鼓励用户前往 B 站观看原视频。

第一次做这类内容型网站，很多方面还不成熟，恳请各位 V 友不吝赐教。如果有兴趣体验或提供建议，可以通过以下链接访问（目前是测试版）：

[https://www.tongliaouniverse.cn/]

感谢各位 V 友的宝贵时间！