各位 V 友好，作为一名技术爱好者兼历史迷，我最近利用业余时间开发了一个网站项目 —— 通辽宇宙知识库。这是一个专注于整合 B 站 UP 主「小约翰可汗」视频内容的互动知识平台。
由于是个人项目，技术和设计上还有很多不足，特来 V 站请各位大佬指点和建议。
项目初衷
作为小约翰可汗的粉丝，我发现他的视频中包含了大量有趣的历史知识，但这些内容分散在不同视频中，难以系统化学习。于是我尝试开发这个网站，希望能将这些碎片化的知识点整合成一个可交互的知识网络。
网站主要功能
目前网站包含 7 个核心功能模块：
-
奇葩小国知识库：将视频中提到的各种奇葩小国在世界地图上可视化展示，用户可以直接在地图上点击查看相关国家的历史故事。目前已收录约 50 个小国，支持按荒诞程度、革命事件等多维度筛选。
-
硬核狠人人物库：以卡片形式展示视频中的传奇人物，每个人物页面包含生平时间线、技能特质等信息。已收录超过 100 位历史人物，并实现了人物关系网络可视化。
-
硬核历史专题：深入剖析历史事件与思潮，每个专题都包含时间线、关键人物和相关视频链接。
-
通辽国粹：专门整理了"通辽宇宙"中的特色词汇和梗，建立了一个小型"通辽词典"，每个词条都有详细释义。
-
通辽单位换算器：一个趣味工具，可以将任何国家或自定义面积转换为"通辽单位"，并通过图表直观展示对比结果。
-
小约翰可汗的演变史：记录 UP 主多年来头像和签名的变化历程。
-
视频中心：集中展示最新和热门视频，提供便捷的 B 站原视频链接。
未来规划
- 添加更多可视化图表展示历史事件关联
- 构建完整的知识图谱，实现更智能的内容推荐
- 优化移动端体验
- 可能考虑开源，欢迎有兴趣的 V 友参与
技术实现
作为一名后端工程师，这次我尝试了完全由前端技术构建的全栈项目，整个开发过程也大量借助了 AI 的力量：
-
AI 辅助开发：从原型设计、UI 实现到数据处理，整个项目几乎完全由 AI 协助完成。这是我首次尝试"AI 驱动开发"的工作流程。
-
技术栈：
- 前端：Vue 3 + Vite 构建，采用组合式 API 和 Pinia 状态管理
- 后端：Express 框架提供 RESTful API 服务
- 数据库：MongoDB 存储结构化内容数据
- 地图可视化：使用专门的地图组件实现世界地图交互和热力图展示
-
架构设计：
- 前端采用模块化设计，按功能划分为地图、人物、梗文化、通辽单位等核心模块
- 后端遵循 MVC 架构，清晰分离控制器、模型和服务层
- 实现了完整的 API 服务体系，支持复杂的数据查询和计算需求
-
数据处理：所有内容数据（包括国家信息、人物传记、历史事件等）均由 AI 从视频内容中提取并结构化，大大提高了内容整理效率。
-
部署方案：采用 serverless 架构，降低了维护成本。
寻找志同道合者
如果你也对以下方向感兴趣，欢迎通过 V 站私信交流：
- AI 辅助开发实践与经验分享
- 前端可视化技术（地图、关系网络等）
- 内容型网站的数据结构设计
- 大语言模型在内容整理中的应用
无论你是对 AI 开发感兴趣的新手，还是有经验的开发者，都欢迎沟通交流。
我相信 AI 不是要取代开发者，而是能够成为我们强大的助手，帮助我们更高效地实现创意。期待与志同道合的 V 友们一起探索 AI 辅助开发的更多可能性！
免责声明
网站内容主要来源于小约翰可汗的视频，通过 AI 辅助技术进行提取和整理。我尊重原创作者的付出，网站中也明确标注了内容来源，并鼓励用户前往 B 站观看原视频。
第一次做这类内容型网站，很多方面还不成熟，恳请各位 V 友不吝赐教。如果有兴趣体验或提供建议，可以通过以下链接访问（目前是测试版）：
[https://www.tongliaouniverse.cn/]
感谢各位 V 友的宝贵时间！
Select Language