三国全史关系图谱

三国全史关系图谱

linjiefeng Lv3

以央视 1994 年版《三国演义》为叙事入口,对照《三国演义》原著与正史,在同一张可缩放、可拖拽的天下地图中探索人物、事件、地点及其关系。

📥下载

three-kingdoms-graph
项目地址:https://github.com/lijiazeng/three-kingdoms-graph

如果无法访问可以用网盘下载
网盘下载: https://pan.baidu.com/s/1lyFDnA9zx3PGMoCtVyDyzQ?pwd=6688 提取码: 6688

nodejs下载
地址:https://nodejs.org/zh-cn/download

nginx下载
地址:https://nginx.org/en/download.html

⚙️安转依赖,编译

  1. 安装node.js
  2. 安转依赖
    在项目文件夹里打开cmd或powershell,运行以下命令安装依赖
    1
    npm ci
  3. 开发模式
    1
    npm run dev -- -H 0.0.0.0
  4. 编译
    1
    npm run dbuild

    编译之后,会在当前目录的文件里,生成一个dist文件夹,里面包含了生成的html文件和css文件,需要通过web服务器来访问。

🌏nginx代理转发

  1. 打开/conf/nginx.conf文件,在http{}里添加以下内容并保存
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    server {
    listen 8080;
    server_name localhost;

    root D:/你的项目路径/dist/client;
    index index.html;

    location / {
    try_files $uri $uri/ /404.html;
    }
    }
  2. 运行nginx.exe
  3. 打开浏览器,访问http://localhost:8080,即可看到生成的三国万象图。

📝说明

  • 项目使用了node.js和vue.js,通过vue.js的组件化开发,实现了三国万象图的生成和展示。
  • 项目使用了AI生成内容,生成了三国万象图的节点和边,通过vue.js的组件化开发,实现了三国万象图的生成和展示。
  • 项目使用了nginx作为web服务器,通过nginx的代理转发,实现了三国万象图的访问和展示。
  • 局部界面
    总览
  • 标题: 三国全史关系图谱
  • 作者: linjiefeng
  • 创建于 : 2026-10-26 13:58:51
  • 更新于 : 2026-10-26 13:52:02
  • 链接: https://blog.icsteam.cn/2026/10/26/116_three_kingdoms_graph/
  • 版权声明: 本文章采用 CC BY 4.0 进行许可。
评论