欢迎使用 MindFlow —— 一款本地优先的视觉化思维导图与灵感管理工具。

与传统的树状导图不同，MindFlow 采用网状物理布局。在这里，知识不再是孤立的层级，而是像神经元一样自由连接、动态呼吸。

🚀 1. 快速开始

1.1 创建/切换项目

• 新建项目：点击左侧边栏顶部的下拉菜单，选择 + 新建项目，输入名称即可。
• 切换/加载：在下拉菜单中选择已有的项目。MindFlow 会自动记住你上次打开的项目。

1.2 认识界面

• 左侧边栏：资源库。这里存放你所有的图片、文档、代码片段和颜色卡片。
• 中间画布：思考空间。这里是你的无限白板，用于放置节点和连线。
• 顶部工具栏：常用操作。包括添加根节点、视图归位、保存、导出图片等。

💡 2. 核心操作：节点与连线

2.1 创建节点

• 创建主题 (Root)：点击顶部工具栏的 🎯 根节点 按钮，会在屏幕中心生成一个主节点。
• 创建子节点 (Sub)：
  • 方法 A：鼠标悬浮在任意节点上，点击右下角出现的绿色 + 号。
  • 方法 B：选中一个节点，按 Tab 键（未来版本支持快捷键）。

2.2 编辑节点

• 修改文字：点击节点（或点击出现的 ✏️ 气泡按钮），在弹出的菜单中修改标题。
• 关联资源：在节点编辑菜单中，选择“关联资源”，该节点就会显示对应的图标（如 🖼️ 或 📝），悬浮即可预览内容。
• 快捷关联：直接将左侧边栏的资源拖拽到画布上的节点上，瞬间完成关联。

2.3 移动与视图

• 移动画布：在空白处按住鼠标左键拖拽（或使用双指在触控板上滑动）。
• 缩放视图：滚动鼠标滚轮（或双指捏合）。
• 整理节点：直接拖拽节点到你喜欢的位置。由于物理引擎的存在，周围的节点会自动避让，给你一种“有生命”的顺滑感。

🪡 3. 进阶功能：飞线 (Cross Links)

现实世界的知识往往是互相关联的，不仅仅是父子关系。飞线功能允许你跨越层级，将任意两个节点连接起来。

3.1 创建飞线

1. 点击任意节点，弹出气泡菜单。
2. 点击中间的 🪡 连线图标。
3. 此时进入“连线模式”，你的鼠标会带出一条虚线。
4. 点击目标节点，连接完成！

3.2 飞线的特点

• 视觉连接：飞线是虚线（贝塞尔曲线），带有箭头，表示引用或关联关系。
• 无物理力：飞线不会像普通连线那样拉扯节点，它们是纯视觉的，不会打乱你精心整理的布局。
• 智能高亮：当你选中某个节点时，与它关联的所有飞线会变实、变亮，帮助你理清脉络。

3.3 管理飞线

• 删除：直接点击飞线（鼠标会变成小手形状），选中后按 Delete 或 Backspace 键即可删除。
• 隐藏/显示：如果飞线太多觉得乱，点击顶部工具栏的 👁️ 飞线 按钮（或按快捷键 Alt + L），可以一键隐藏所有飞线，专注于层级结构。

📂 4. 资源管理

MindFlow 是一个强大的私人素材库。

4.1 支持的格式

• 🖼️ 图片：支持高清大图，自动压缩优化。
• 📝 文档：支持 Markdown 语法，悬浮节点可直接预览渲染后的富文本。
• 💻 代码：专为开发者设计，保持代码高亮和格式。
• 🎨 色卡：设计师神器，直观展示色块，支持复制 Hex 色值。
• 🔗 链接：收藏网页链接。
• 🎤 音频：支持语音备忘或音效素材。

4.2 文件夹管理

• 点击侧边栏底部的 📁 按钮创建文件夹。
• 拖拽归档：将资源拖入文件夹即可归档，拖出即可移到根目录。

🔒 5. 数据安全与备份

MindFlow 遵循 Local-First（本地优先） 原则。

• 数据去哪了？
  • 所有数据（包括图片）都存储在你浏览器的本地数据库（IndexedDB）中，绝不会上传到任何服务器。你的隐私完全掌握在自己手中。
• 如何备份？
  • 导出：点击工具栏的 💾 保存 旁边的导出按钮，可以将整个项目导出为 .mindflow.json 文件。
  • 导入：在侧边栏点击 📂 按钮，读取本地文件。
• 导出图片？
  • 点击 📷 导出，系统会智能计算所有节点的范围，生成一张透明背景的高清 PNG 图片，方便插入 PPT 或文章中。

⌨️ 6. 快捷键一览

按键	功能
Delete / Backspace	删除选中的节点或飞线
Alt + L	显示 / 隐藏飞线
滚轮	缩放画布
左键	平移模式
Esc	取消当前的连线操作

Tips: 既然是物理布局，节点偶尔会“动”起来。如果你想固定某个节点的位置，只需拖拽它一次，它就会被“钉”在那个坐标上。

祝你在 MindFlow 中思如泉涌！🌊

贡献者: Astroite