开源工具Ai-Markmap：基于AI将长文本一键生成交互式思维导图

在信息爆炸的时代，我们每天都需要处理大量的文本内容，无论是工作报告、研究论文还是网络上的长篇文章。面对海量文字，如何快速提炼核心要点、理清逻辑脉络，是许多人需要掌握的技能。今天介绍一款开源利器 Ai-Markmap，它借助人工智能的力量，能够将任意文本、想法或 Markdown 内容，一键智能地转换成结构清晰、可交互的思维导图。

项目地址：github.com/kongkongyo/Ai-Markmap

Ai-Markmap 是一个零依赖、纯前端的单文件 HTML 应用。这意味着你无需任何安装或复杂配置，只需一个现代浏览器即可立即使用。它非常适合用来快速梳理文章结构、消化学习资料，或在头脑风暴后整理思路，帮助你在庞杂信息中迅速抓住核心脉络。

一个有趣的事实：这个项目从概念到实现，超过 90% 的代码（包括 HTML, CSS, 和 JavaScript）均由 AI（主要由 gpt-4o-mini, gemini-2.5-pro 和 claude-3-7-sonnet）编写、重构和迭代完成。

✨ 核心功能亮点

Ai-Markmap 不仅仅是一个简单的转换工具，它集成了众多强大且人性化的功能：

• 🤖 AI 智能生成：只需输入一个主题或粘贴大段文本，AI 即可自动为你提炼关键信息，并生成结构化的思维导图。
• 🔄 多版本生成：不满意第一个版本？通过调节滑块，你可以一次性生成多个（1-5个）不同风格和结构的思维导图版本，从中挑选出最满意的一个。
• ✍️ 交互式编辑与优化：
  • Markdown 实时编辑：左侧是 Markdown 编辑区，右侧是思维导图预览区。任何对 Markdown 内容的修改都会即时同步到导图上。
  • 节点直接操作：在思维导图上 右键点击 任意节点，可以直接进行 编辑 或 删除 操作，方便你快速微调 AI 生成的结果。
• 🎨 高度可定制：
  • 自定义 API：支持连接任何兼容 OpenAI API 格式的终端节点，包括你自己托管的模型服务。
  • 灵活模型选择：工具可以自动查询并加载你 API 端点下所有可用的模型列表，同时也支持手动输入自定义模型名称。
  • 自定义 Prompt：你可以完全掌控发送给 AI 的指令（Prompt），以满足高度个性化的生成需求。
• 🚀 高效操作：
  • 一键粘贴并生成：点击“粘贴并生成”按钮，可直接读取剪贴板内容并启动 AI 生成，极大简化了操作流程。
  • 快捷键支持：提供全屏、切换版本、保存、快速生成等常用快捷键，提升操作效率。
• 🖼️ 智能导出：
  • 一键将当前思维导图导出为高清 PNG 图片或无限缩放的 SVG 矢量文件。
  • 导出的文件名会根据思维导图的中心主题自动命名，格式为 主题_时间戳.png/svg，方便文件管理。
• 📱 优秀的移动端适配：
  • 完整支持手机和平板设备，界面自动适配不同屏幕尺寸。
  • 底部标签栏设计，方便在编辑器和思维导图之间快速切换。
• 🔒 绝对的隐私安全：所有配置信息，包括你的 API 密钥，都只会保存在你本地浏览器的 localStorage 中，绝不会上传到任何服务器。

🚀 如何快速上手？

使用 Ai-Markmap 非常简单，只需三步：

1. 下载文件
   前往项目主页 github.com/kongkongyo/Ai-Markmap，下载唯一的 index.html 文件。

2. 浏览器打开
   直接用你的浏览器（如 Chrome, Firefox, Edge）打开这个 index.html 文件即可开始使用。在手机或平板上同样适用。

3. 配置 API

   • 点击界面左上角的 ⚙️ API设置 按钮。
   • 在 API 地址 中，填入你的 AI 服务 API 地址（例如：https://api.openai.com）。
   • 在 API 秘钥 中，填入你的 API Key。
   • 点击 💾 保存并关闭。

   提示: 如果你还没有 API 密钥，可以前往 硅基流动 (SiliconFlow) https://cloud.siliconflow.cn/i/9afjLTa 注册，他们为新用户提供一些免费的 AI 模型额度。

4. 开始生成

   • 在左侧输入框中输入你的主题或粘贴长文。
   • 点击 🚀 AI生成 按钮（或使用快捷键 Ctrl+Enter）。
   • AI 处理完成后，右侧就会展示生成的思维导图。你可以通过顶部的“版本”按钮或左右方向键切换不同版本。

🔧 进阶配置详解

API 与模型设置

• API 地址: 必须是一个兼容 OpenAI chat/completions 接口的 URL。
• 模型选择: 点击 🔍 查询 按钮，工具会自动从你的 API 地址获取可用的模型列表。你也可以手动输入一个模型名称。

Prompt 自定义

• 点击 📝 Prompt设置 按钮，你可以修改用于指导 AI 生成内容的模板。请务必保留 {{CONTENT}} 这个占位符，它将被替换为你的输入内容。

⌨️ 常用快捷键

🛠️ 技术栈揭秘

本项目完全基于原生 Web 技术构建，无任何外部框架依赖，确保了极致的轻量和高性能。

• 核心逻辑: Vanilla JavaScript (ES6+)
• 思维导图渲染: Markmap (markmap-lib & markmap-view)
• SVG 渲染与交互: D3.js
• 图片导出: 使用原生 Canvas API 实现，以减少外部依赖并提供更高的灵活性。

总而言之，Ai-Markmap 是一款功能强大、简单易用且注重隐私的 AI 思维导图工具。它展示了如何利用现代前端技术和 AI 能力解决实际的信息处理痛点。无论你是学生、研究人员还是内容创作者，它都能成为你整理知识和激发灵感的得力助手。如果你对这类开源项目的开发和迭代过程感兴趣，欢迎在云栈社区进行更深入的交流与探讨。