
三国全史关系图谱
以央视 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
⚙️安转依赖,编译
- 安装node.js
- 安转依赖
在项目文件夹里打开cmd或powershell,运行以下命令安装依赖1
npm ci
- 开发模式
1
npm run dev -- -H 0.0.0.0
- 编译
1
npm run dbuild
编译之后,会在当前目录的文件里,生成一个dist文件夹,里面包含了生成的html文件和css文件,需要通过web服务器来访问。
🌏nginx代理转发
- 打开/conf/nginx.conf文件,在http{}里添加以下内容并保存
1
2
3
4
5
6
7
8
9
10
11server {
listen 8080;
server_name localhost;
root D:/你的项目路径/dist/client;
index index.html;
location / {
try_files $uri $uri/ /404.html;
}
} - 运行nginx.exe
- 打开浏览器,访问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 进行许可。
评论
