← 返回项目库

GitDiagram 中文架构图

把 GitHub 代码仓库转换为可阅读的 Mermaid 架构图，支持示例预览、定制和导出。

项目提供一个 Next.js 前端与 FastAPI 后端协作的源码分析界面；用户输入仓库后可查看模块关系、复制 Mermaid 代码或导出图片。当前交付包含离线演示预览，便于在没有外部模型服务时核验核心交互。

真实界面

项目截图

共 6 张

仓库到
fastapi/fastapi · 仓库架构图
streamlit/streamlit · 仓库架构图
pallets/flask · 仓库架构图
tom-draper/api-analytics · 仓库架构图
monkeytypegame/monkeytype · 仓库架构图

Capabilities

核心功能

✓输入仓库地址生成 Mermaid 架构图
✓提供 FastAPI、Streamlit、Flask 等示例仓库预览
✓展示模块关系说明与关键映射
✓支持自定义生成指令和重新生成
✓支持复制 Mermaid.js 代码
✓支持导出 PNG 图片并切换缩放
✓兼容公开仓库与 GitHub PAT 私有仓库流程

适用场景

快速梳理陌生开源项目的目录与模块关系
在技术评审或咨询前生成架构说明草图
作为代码学习和私有化部署的可视化入口

适合谁

需要快速理解开源项目结构的开发者、技术负责人和学习者。

商业化思路

适合作为开发者工具、代码咨询入口或私有化部署的基础产品；正式运行需配置自己的数据库、GitHub 访问凭据与模型服务。

你会拿到什么

  • ✓中文化 Next.js 产品界面与离线演示预览
  • ✓FastAPI 后端、数据库接入代码与部署配置
  • ✓上游 MIT 许可证和中文使用说明

部署流程

  1. 1安装 Node.js、pnpm、Python 与项目依赖
  2. 2配置 PostgreSQL、GitHub 访问凭据和模型服务变量
  3. 3分别启动 FastAPI 后端与 Next.js 前端并完成连通性检查

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

正式生成依赖外部 FastAPI、数据库、GitHub 和模型服务；本地演示模式使用固定数据，仅用于取证与体验。

部署难度

中等

最低配置

本地或 Linux 服务器，Node.js 18+、pnpm 9、Python 3.10+，并按环境配置 PostgreSQL、GitHub 与模型服务。

开源许可证

MIT

最后验证

2026-08-27

技术栈

Next.jsReactFastAPIPostgreSQLMermaid.js

授权说明

交付包保留上游 MIT 许可证；中文化与离线演示改动不扩大上游授权范围，商业部署请继续遵守许可证与第三方服务条款。

Release notes

版本记录

1 个已发布版本

vcn-3da5e6c8f1d1 当前推荐

基于上游源码完成中文界面、真实示例预览、模块说明和离线取证路径，保留原有生成、定制、复制与导出能力。

部署要求：生产运行需要 Node.js 18+、pnpm 9、Python 3.10+、PostgreSQL、GitHub 访问配置和模型服务配置；离线预览只需前端依赖。

已知问题：离线预览使用固定演示数据，不代表外部模型生成质量；正式部署前需要按项目说明补齐后端与数据库配置。

登录后领取