企业官网建设流程全解析

免费开源的思绪思维导图：5 分钟自部署跑起来

【免费下载链接】mind-mapSimpleMindMap（思绪思维导图）：一个强大的思维导图。A powerful mind map.项目地址: https://gitcode.com/GitHub_Trending/mi/mind-map

思绪思维导图（mind-map）是一款免费开源的 Web 思维导图软件，数据存本地、功能不阉割、源码可以直接改。如果你受够了在线导图要注册、断网就罢工、导出还收费，这套方案值得花十分钟装一次。它分两部分：一个不依赖框架的 JS 思维导图库，和一个基于 Vue2 开发的网页版导图应用，自部署或二次开发都够用。

三分钟跑起来

git clone https://gitcode.com/GitHub_Trending/mi/mind-map cd mind-map/web npm install npm run serve

装完浏览器会自动打开本地服务地址，进入在线思维导图编辑页：新建一张空白导图、导入旧文件，或者挑一种结构直接开始画，工具栏就在屏幕上方。

能力速览

它覆盖的广度：思维导图、逻辑结构图、目录组织图、组织结构图、时间轴、鱼骨图六种以上布局，节点里能塞图片、图标、备注、标签、数学公式和超链接，还带关联线、概要、小地图、演示模式、搜索替换这些辅助件，外加 AI 续写。下面挑几样拆开说。

核心能力逐项拆解

结构布局一键切换

画布右侧的"结构"面板里点一下，当前导图立刻从逻辑结构图变成组织结构图、时间轴或鱼骨图，节点内容不用重画。同一份项目资料，汇报用组织结构图，追原因用鱼骨图，排计划切时间轴，来回切换不折腾。

主题配色与暗色模式

"主题"面板按经典、缤纷、深色、带背景、朴素分类，选中即生效，整张导图换皮不到一秒，还支持暗色模式。晚上盯着大屏改导图，切到深色主题眼睛会舒服很多。

AI 续写与节点增强

工具栏和右键菜单里都有 AI 入口，把已有的骨架节点展开成子节点，适合"先自己搭主干、再让 AI 填细节"。源码在 AI 工具函数 和 AI 对话组件，想接自己的模型直接改这里。

导出与分享

导出弹窗里可选图片（PNG/JPG）、SVG、高清 PDF、普通 PDF、Markdown、XMind、Txt、HTML 等格式，边距、背景透明度都能调。导入这边（见 导入界面 对应功能）吃 .smm、.json、.xmind、.md、.txt、.xlsx，老文件迁移不成问题。库的依赖里带了 yjs 和 y-webrtc，基于它做多人实时协作编辑也有现成积木。

效率进阶

会用了想更快，把下面这组思维导图快捷键记下来：

• Tab：插入子节点
• Enter：创建同级兄弟节点
• Delete：删除节点
• Ctrl+Z/Ctrl+Y：撤销 / 重做
• Ctrl+↑/Ctrl+↓：节点上移 / 下移
• Ctrl+C/Ctrl+X/Ctrl+V：复制 / 剪切 / 粘贴节点
• Ctrl+R：一键整理布局
• Ctrl+Shift+I：适应画布
• Ctrl+Enter：回到根节点

配色想统一改，去 主题目录 看 default.js 的结构，照着抄一份就能加新主题；客户端里字体、快捷键、右键菜单也都能自定义。

放进你的工作流

学生：复习不再从头翻书

期末复习的痛点是章节散落、抓不住重点。用它把教材目录贴成大纲，Tab 一层层拆到知识点，鱼骨图补因果，时间轴串进度，一套结构全装进一张图。

项目经理：里程碑一眼看全

项目排期最烦的是表格里翻来覆去。切时间轴布局，里程碑横排开，谁延期、谁没依赖一目了然，导出成 PDF 直接发群里。

分析师：归因分析有章法

事故复盘时凭感觉列原因，容易漏。用鱼骨图按"人、机、料、法"分枝，每个分支再往下拆两层，导成 XMind 格式存档，下次同类问题对照着查。

二次开发入口

想动手改代码，从这三个目录下手最顺：

• 布局算法（思维导图、鱼骨图、时间轴都在里面）：simple-mind-map/src/layouts/
• 核心渲染、节点、命令系统：simple-mind-map/src/core/
• 导入导出解析（xmind、markdown、txt）：simple-mind-map/src/parse/

插件机制在 simple-mind-map/src/plugins/，关联线、富文本、导出都是现成范例，抄一个改改就是你的新插件。

收尾

别收藏了，先把上面四条命令敲完——能跑起来，后面才谈得上用好和改好。

【免费下载链接】mind-mapSimpleMindMap（思绪思维导图）：一个强大的思维导图。A powerful mind map.项目地址: https://gitcode.com/GitHub_Trending/mi/mind-map