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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 58 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

项目初衷

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

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

奇葩小国知识库：将视频中提到的各种奇葩小国在世界地图上可视化展示，用户可以直接在地图上点击查看相关国家的历史故事。目前已收录约 50 个小国，支持按荒诞程度、革命事件等多维度筛选。
硬核狠人人物库：以卡片形式展示视频中的传奇人物，每个人物页面包含生平时间线、技能特质等信息。已收录超过 100 位历史人物，并实现了人物关系网络可视化。
硬核历史专题：深入剖析历史事件与思潮，每个专题都包含时间线、关键人物和相关视频链接。
通辽国粹：专门整理了"通辽宇宙"中的特色词汇和梗，建立了一个小型"通辽词典"，每个词条都有详细释义。
通辽单位换算器：一个趣味工具，可以将任何国家或自定义面积转换为"通辽单位"，并通过图表直观展示对比结果。
小约翰可汗的演变史：记录 UP 主多年来头像和签名的变化历程。
视频中心：集中展示最新和热门视频，提供便捷的 B 站原视频链接。

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

AI 辅助开发：从原型设计、UI 实现到数据处理，整个项目几乎完全由 AI 协助完成。这是我首次尝试"AI 驱动开发"的工作流程。
技术栈：
- 前端：Vue 3 + Vite 构建，采用组合式 API 和 Pinia 状态管理
- 后端：Express 框架提供 RESTful API 服务
- 数据库：MongoDB 存储结构化内容数据
- 地图可视化：使用专门的地图组件实现世界地图交互和热力图展示
架构设计：
- 前端采用模块化设计，按功能划分为地图、人物、梗文化、通辽单位等核心模块
- 后端遵循 MVC 架构，清晰分离控制器、模型和服务层
- 实现了完整的 API 服务体系，支持复杂的数据查询和计算需求
数据处理：所有内容数据（包括国家信息、人物传记、历史事件等）均由 AI 从视频内容中提取并结构化，大大提高了内容整理效率。
部署方案：采用 serverless 架构，降低了维护成本。