V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
hresh
V2EX  ›  分享创造

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

  •  
  •   hresh · 2025 年 5 月 26 日 · 4404 次点击
    这是一个创建于 235 天前的主题,其中的信息可能已经有所发展或是发生改变。

    各位 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 状态管理
      • 后端: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 友的宝贵时间!

    55 条回复    2025-08-03 18:35:22 +08:00
    viking602
        1
    viking602  
       2025 年 5 月 26 日
    太好了 速速上报可汗
    tuotu
        2
    tuotu  
       2025 年 5 月 26 日
    这个有意思
    viking602
        3
    viking602  
       2025 年 5 月 26 日
    @viking602 历史头像和历史签名经常 429 限制的有点低呀
    hresh
        4
    hresh  
    OP
       2025 年 5 月 26 日
    @viking602 #3 是的,我去修复一下
    taro0822
        5
    taro0822  
       2025 年 5 月 26 日
    忠!诚!
    Twelveeee
        6
    Twelveeee  
       2025 年 5 月 26 日
    太牛了哥们!
    cat
        7
    cat  
       2025 年 5 月 26 日
    挂了?
    burby
        8
    burby  
       2025 年 5 月 26 日 via iPhone
    好像有点问题 狠人页面上的数据没加载出来
    akiyamamio
        9
    akiyamamio  
       2025 年 5 月 26 日
    https://www.bilibili.com/video/BV1SWZrYDEnf/

    还有小约翰可汗的梗出处,这个挺有意思的,OP 可以考虑加上,不过也很有难度
    vipshf
        10
    vipshf  
       2025 年 5 月 26 日
    牛逼 plus
    concernedz
        11
    concernedz  
       2025 年 5 月 26 日
    厉害了,支持!
    jiangyuhan13
        12
    jiangyuhan13  
       2025 年 5 月 26 日
    太好了,支持支持!!!
    Danswerme
        13
    Danswerme  
       2025 年 5 月 26 日
    接口 429 啦
    vipshf
        14
    vipshf  
       2025 年 5 月 26 日
    @vipshf 人物 49 啦
    hresh
        15
    hresh  
    OP
       2025 年 5 月 26 日
    已更新后端服务错误
    hresh
        16
    hresh  
    OP
       2025 年 5 月 26 日
    @vipshf #14 已更新
    moefishtang
        17
    moefishtang  
       2025 年 5 月 26 日
    🤚😭✋
    非常好网站,使我膜拜可汗大人
    lk920724
        18
    lk920724  
       2025 年 5 月 26 日
    可汗真粉丝啊
    rollway
        19
    rollway  
       2025 年 5 月 26 日 via Android
    很棒!我喜欢看历史!
    darksheep9527
        20
    darksheep9527  
       2025 年 5 月 26 日
    很棒!!
    y1y1
        21
    y1y1  
       2025 年 5 月 26 日
    真正的粉丝
    Removable
        22
    Removable  
       2025 年 5 月 26 日
    说吧,你想担任通辽汗国什么职务?
    robinchina
        23
    robinchina  
       2025 年 5 月 26 日
    哈哈哈哈,这网站好有意思,我要收藏了
    GiggleSmile
        24
    GiggleSmile  
       2025 年 5 月 26 日
    微不足道的小建议哈,探索我们的特色功能的选择框可以整体改成超链接不,第一次还需要点到下面指示符号跳转。我没脑子,我觉得还是有一点不习惯。
    Noicdi
        25
    Noicdi  
       2025 年 5 月 26 日 via iPhone
    通辽国粹这个项目我很喜欢啊🤣
    Noicdi
        26
    Noicdi  
       2025 年 5 月 26 日 via iPhone
    服务器弄好点,然后去可汗的视频底下宣传一下吧,正好测试一下高并发。
    craftsmanship
        27
    craftsmanship  
       2025 年 5 月 26 日 via Android
    啊?🐮🐸 但能讲讲为啥是通辽而不是大唐什么的吗 历史盲不懂(
    ymlog
        28
    ymlog  
       2025 年 5 月 26 日
    太牛了
    Pipecraft
        29
    Pipecraft  
       2025 年 5 月 26 日
    有意思,很棒!
    zzz22333
        30
    zzz22333  
       2025 年 5 月 26 日
    有意思,有意思。看 OP 能不能联系下小约翰可汗。
    zzz22333
        31
    zzz22333  
       2025 年 5 月 26 日
    @craftsmanship #27 因为小约翰可汗就是通辽人,他一般讲国外的人物或者国家,会经常拿国家的面积与通辽面积做对比,比如说英国大概几个通辽大小之类的。
    zhumengyang
        32
    zhumengyang  
       2025 年 5 月 26 日
    lu chen xi 表示很赞

    才发现知乎也快百万粉了
    lanweizhujiao
        33
    lanweizhujiao  
       2025 年 5 月 26 日
    想法挺不错, 我只看文字介绍 以为是个那种极其复杂可交互的那种呢- - 点进去一看 只能算是笔记/整理类型的网站,吸引吸引粉丝还好, 外人进来一脸蒙 b
    hresh
        34
    hresh  
    OP
       2025 年 5 月 26 日
    @GiggleSmile #24 感谢给出宝贵的建议,稍后优化一下
    nevermoreluo
        35
    nevermoreluo  
       2025 年 5 月 26 日
    😔好久好久好久没看到小国系列了
    hresh
        36
    hresh  
    OP
       2025 年 5 月 26 日
    @akiyamamio #9 是的,目前的梗内容没有花太多精力来搞,暂时没有加出处。一开始想通过 AI 来提取梗内容,结果发现效果不佳,只能人工去查找
    hresh
        37
    hresh  
    OP
       2025 年 5 月 26 日
    @lanweizhujiao #33 大佬有什么好的想法吗?目前网站只有起到了整理的功能。
    litchinn
        38
    litchinn  
       2025 年 5 月 26 日
    忠诚,你就是通辽汗国 翰林院修撰了
    litchinn
        39
    litchinn  
       2025 年 5 月 26 日
    首页的地图发生了什么,为什么形状很奇怪啊,很多地方的样子不对啊,新西兰,英国
    xiaoke
        40
    xiaoke  
       2025 年 5 月 26 日
    有意思😁
    acbingo
        41
    acbingo  
       2025 年 5 月 26 日
    网站设计的真漂亮。想咨询个问题,为什么考虑选型 MongoDB 做 db 呢?
    hresh
        42
    hresh  
    OP
       2025 年 5 月 26 日
    @litchinn #39 你说的是首页那张世界地图吗?我再换一张世界地图
    hresh
        43
    hresh  
    OP
       2025 年 5 月 26 日
    @acbingo #41 因为详情数据结构比较多变,用 mongo 方便一些
    Pteromyini
        44
    Pteromyini  
       2025 年 5 月 26 日
    太好了,是通辽史官
    pakro888
        45
    pakro888  
       2025 年 5 月 26 日
    棒啊
    qihong
        46
    qihong  
       2025 年 5 月 27 日
    可以可以,做得不错
    3499
        47
    3499  
       2025 年 5 月 27 日
    请问一下 数据是怎么得来的呢
    saltedFish666
        48
    saltedFish666  
       2025 年 5 月 27 日
    厉害啊
    hresh
        49
    hresh  
    OP
       2025 年 5 月 27 日
    @3499 #47 视频字幕数据,然后用 AI 整理得到详情结构数据
    jackbyebye1024
        50
    jackbyebye1024  
       2025 年 5 月 28 日
    真好,为你的想法点赞
    jackbyebye1024
        51
    jackbyebye1024  
       2025 年 5 月 28 日
    我也在研究前端可视化方向,地图换成三维的,效果应该会更好
    BlackDoge
        52
    BlackDoge  
       2025 年 5 月 28 日
    报告给可汗
    hresh
        53
    hresh  
    OP
       2025 年 5 月 28 日
    @jackbyebye1024 #51 感谢建议,我去了解尝试一下
    singlepig
        54
    singlepig  
       2025 年 8 月 2 日
    报告,证书好像过期啦
    hresh
        55
    hresh  
    OP
       2025 年 8 月 3 日
    @singlepig #54 已处理
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   2320 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 00:41 · PVG 08:41 · LAX 16:41 · JFK 19:41
    ♥ Do have faith in what you're doing.