kongkongyo/Ai-Markmap

解决的问题

阅读长篇文章、新闻或笔记并提取主要结构非常耗时。AiMarkmap 允许您粘贴原始文本或主题，大语言模型（LLM）自动提取关键点并将其组织成清晰、交互式的思维导图——无需后端、无需安装、无需外部框架。

工作原理

在任意现代浏览器中打开单个 index.html 文件。配置 API 端点（任何支持 OpenAI chat/completions 格式的服务，包括自托管模型）并提供 API 密钥。然后输入主题或粘贴内容，可选选择生成的替代思维导图版本数量（1–5），点击生成。应用将您的内容（加上可编辑的提示模板）发送给 LLM，接收结构化的 Markdown 大纲，并将其渲染为交互式思维导图。您可以在左侧编辑 Markdown，地图会实时更新，右键单击任何节点进行编辑或删除，在生成的版本之间切换，并以从中心主题派生的智能文件名导出 PNG 或 SVG。一切（包括 API 密钥）都保留在浏览器的 localStorage 中，不会上传到任何服务器。

适用人群

任何需要频繁处理长文本的人——记者、学生、研究人员、产品经理或普通知识工作者。特别适用于快速总结新闻、分析文章结构或整理会议笔记。由于需要配置 API 密钥，它适合已经拥有 OpenAI 兼容 LLM 服务访问权限，或愿意使用免费层提供商（如 README 中提到的 SiliconFlow）的用户。

亮点

• 零依赖，纯前端：单个 HTML 文件，直接在浏览器中打开——无需构建步骤、无需服务器、无需 npm 安装。
• AI 生成的思维导图：粘贴任何文本或主题，LLM 创建关键想法的结构化视觉地图。
• 同时生成多个版本：使用滑块生成 1–5 种不同的地图样式/结构，并选择最佳的一个。
• 实时编辑：编辑左侧的 Markdown 源，地图即时更新。右键单击节点进行编辑或删除。
• 自带 LLM：适用于任何 OpenAI 兼容的 API 端点，包括自托管模型；自动查询可用模型或接受自定义模型名称。
• 可定制提示：通过专用设置面板修改 AI 指令模板（必须保留 {{CONTENT}} 占位符）。
• 智能导出：以 topic_timestamp.png/svg 等文件名导出高分辨率 PNG 或 SVG 文件。
• 移动端友好：完全支持手机和平板电脑，提供底部标签栏、汉堡菜单和横屏预览。
• 隐私：所有配置和 API 密钥仅存储在浏览器本地的 localStorage 中。
• 90% 以上的代码由 AI 编写：该项目本身就是 AI 辅助开发的一个有趣例子，大部分 HTML、CSS 和 JavaScript 由 GPT-4o-mini、Gemini 2.5 Pro 和 Claude 3.7 Sonnet 等模型生成并重构。
• 键盘快捷键：快速操作，如 Ctrl+Enter 生成、F11 全屏、Ctrl+S 导出 PNG、方向键切换版本。