😱 传统 MCP 的痛点是否让你焦虑?
🔴 复杂的 MCP 服务器搭建
• 需要搭建专用服务器
• 配置复杂的 MCP 协议
• 学习成本高,入门门槛高
🔴 高昂的维护成本
• 服务器租用费用 $50-200/月
• 系统维护和监控
• 故障排查和修复时间成本
🔴 可用性和性能问题
• 依赖自建服务器稳定性
• 响应速度受网络和硬件限制
• 扩展性受服务器资源约束
🎉 Markmap API - 一站式解决方案
🟢 零配置即时可用
• 一个 HTTP API 调用即可使用
• 30 秒内完成 Claude/GPT 集成
• 无需任何服务器搭建
🟢 完全免费使用
• 无服务器费用
• 无维护成本
• 无使用限制(合理范围内)
🟢 99.9% 高可用性
• Cloudflare Workers 全球 CDN
• 毫秒级响应速度
• 200+ 边缘节点加速
✨ 一个 HTTP 请求,搞定所有思维导图需求 - 让你的 Claude、GPT、Gemini 等 AI 助手立即拥有专业级的可视化能力!
🚀 为什么选择 Markmap API 而非 MCP?
🎯 专为 LLM 工具调用而生
Markmap API 是一个零配置的思维导图生成服务,专门为 Claude、GPT、Gemini 等 LLM 的工具调用功能设计。告别复杂的 MCP 服务器搭建,让 AI 助手瞬间获得可视化超能力!
💫 MCP vs Markmap API 对比
特性 | 传统 MCP 方案 | Markmap API |
---|---|---|
搭建复杂度 | 🔴 需要服务器搭建 | 🟢 零配置,直接调用 |
维护成本 | 🔴 需要持续维护 | 🟢 云端托管,无需维护 |
可用性 | 🟡 依赖自建服务器 | 🟢 99.9% 高可用性 |
响应速度 | 🟡 取决于服务器性能 | 🟢 全球 CDN,毫秒级响应 |
LLM 兼容性 | 🟡 需要协议适配 | 🟢 支持所有主流 LLM |
使用成本 | 🔴 服务器 + 维护成本 | 🟢 完全免费 |
🎨 核心优势
- 🤖 LLM 专用设计 - 完美适配 Claude、GPT 等工具调用
- ⚡ 即插即用 - 一个 API 调用,立即生成精美思维导图
- 🔄 零维护 - 基于 Cloudflare Workers,99.9% 可用性
- 🌍 全球加速 - 200+ 边缘节点,毫秒级响应
- 🛡️ 企业级安全 - 内置安全防护,无需担心数据泄露
- 📱 全端兼容 - 生成的思维导图支持所有设备和平台
🌐 LLM 工具调用专用端点
生产服务地址: https://markmap-api.jinpeng-ti.workers.dev
🤖 专为 LLM 优化的 API 端点
端点 | 方法 | LLM 工具调用场景 | 响应时间 |
---|---|---|---|
/health | GET | 服务健康检查 | < 50ms |
/api/render | POST | 推荐 - 直接生成可视化 HTML | < 500ms |
/api/transform | POST | 获取结构化数据用于二次开发 | < 300ms |
/api/batch/transform | POST | 批量处理多个文档 | < 1s |
🎯 LLM 最佳实践端点
💡 推荐使用
/api/render
- 这是专为 LLM 工具调用优化的端点,一次请求即可生成完整的交互式思维导图 HTML,用户可直接在浏览器中查看和交互。
🤖 LLM 工具调用快速开始
⚡ 30 秒集成指南 - Claude 示例
无需任何服务器搭建,Claude 可以直接调用我们的 API 生成思维导图:
{
"name": "create_mindmap",
"description": "将 Markdown 文本转换为交互式思维导图 HTML",
"input_schema": {
"type": "object",
"properties": {
"markdown": {
"type": "string",
"description": "要转换的 Markdown 内容"
},
"title": {
"type": "string",
"description": "思维导图的标题",
"default": "思维导图"
},
"theme": {
"type": "string",
"enum": ["light", "dark", "auto"],
"description": "主题样式",
"default": "light"
}
},
"required": ["markdown"]
}
}
🎯 一行命令生成思维导图
最简单的使用方式 - 直接生成完整的交互式思维导图:
# LLM 工具调用最佳实践
curl -X POST https://markmap-api.jinpeng-ti.workers.dev/api/render \
-H "Content-Type: application/json" \
-d '{
"markdown": "# 我的学习计划\n## 前端开发\n### HTML/CSS\n### JavaScript\n### React\n## 后端开发\n### Node.js\n### 数据库",
"title": "学习计划思维导图",
"theme": "light"
}' \
-o mindmap.html && open mindmap.html
🎉 就这么简单! 生成的 HTML 文件可以直接在任何浏览器中打开,包含完整的交互式思维导图。
🔧 高级用法 - 获取结构化数据
如果你需要在自己的应用中使用思维导图数据(适合需要自定义渲染的场景):
curl -X POST https://markmap-api.jinpeng-ti.workers.dev/api/transform \
-H "Content-Type: application/json" \
-d '{
"markdown": "# 项目规划\n## 需求分析\n### 用户调研\n### 竞品分析\n## 设计开发\n### UI 设计\n### 编码实现",
"options": {
"colorFreezeLevel": 2,
"initialExpandLevel": -1,
"maxWidth": 800
}
}'
📦 批量处理 - 企业级应用
当你需要同时处理多个文档时(适合批量分析和处理场景):
curl -X POST https://markmap-api.jinpeng-ti.workers.dev/api/batch/transform \
-H "Content-Type: application/json" \
-d '{
"documents": [
{
"id": "project-a",
"markdown": "# 项目 A\n## 模块 1\n### 功能 X\n## 模块 2"
},
{
"id": "project-b",
"markdown": "# 项目 B\n## 阶段 1\n### 任务 Y\n## 阶段 2"
}
],
"options": {
"colorFreezeLevel": 3
}
}'
🤖 主流 LLM 工具调用配置
🌀 Claude (Anthropic) 集成
在 Claude Desktop 或 API 中配置工具:
{
"tools": [
{
"name": "create_mindmap",
"description": "将 Markdown 内容转换为交互式思维导图,适合用于知识结构化、项目规划、学习路径等场景",
"input_schema": {
"type": "object",
"properties": {
"markdown": {
"type": "string",
"description": "要转换的 Markdown 内容,使用标题级别来表示层次结构"
},
"title": {
"type": "string",
"description": "思维导图的标题",
"default": "思维导图"
},
"theme": {
"type": "string",
"enum": ["light", "dark", "auto"],
"description": "主题样式,light(浅色)适合白天,dark(深色)适合晚上,auto(自动)根据系统设置",
"default": "auto"
}
},
"required": ["markdown"]
}
}
]
}
实现函数:
import requests
import json
def create_mindmap(markdown: str, title: str = "思维导图", theme: str = "auto") -> str:
"""Claude 工具调用实现函数"""
try:
response = requests.post(
"https://markmap-api.jinpeng-ti.workers.dev/api/render",
headers={"Content-Type": "application/json"},
json={
"markdown": markdown,
"title": title,
"theme": theme
},
timeout=30
)
if response.status_code == 200:
# 保存 HTML 文件
filename = f"{title.replace(' ', '_')}_mindmap.html"
with open(filename, 'w', encoding='utf-8') as f:
f.write(response.text)
return f"✅ 思维导图已生成并保存为 {filename},可在浏览器中打开查看交互式思维导图。"
else:
error_info = response.json() if response.text else {"error": "Unknown error"}
return f"❌ 生成失败: {error_info.get('error', 'Unknown error')}"
except requests.exceptions.Timeout:
return "❌ 请求超时,请稍后重试"
except Exception as e:
return f"❌ 发生错误: {str(e)}"
🤖 GPT (OpenAI) 集成
在 GPT Actions 或 Function Calling 中配置:
{
"openapi": "3.0.0",
"info": {
"title": "Mindmap Generator API",
"version": "1.0.0"
},
"servers": [
{
"url": "https://markmap-api.jinpeng-ti.workers.dev"
}
],
"paths": {
"/api/render": {
"post": {
"operationId": "createMindmap",
"summary": "生成交互式思维导图",
"description": "将 Markdown 文本转换为精美的交互式思维导图 HTML,适用于知识整理、项目规划、学习路径等",
"requestBody": {
"required": true,
"content": {
"application/json": {
"schema": {
"type": "object",
"properties": {
"markdown": {
"type": "string",
"description": "Markdown 内容,使用 # ## ### 等标题级别表示层次结构"
},
"title": {
"type": "string",
"description": "思维导图标题",
"default": "思维导图"
},
"theme": {
"type": "string",
"enum": ["light", "dark", "auto"],
"description": "主题风格",
"default": "light"
}
},
"required": ["markdown"]
}
}
}
},
"responses": {
"200": {
"description": "成功生成思维导图 HTML",
"content": {
"text/html": {
"schema": {
"type": "string"
}
}
}
}
}
}
}
}
}
✨ Gemini (Google) 集成
在 Gemini Function Calling 中使用:
import google.generativeai as genai
# 定义工具函数
generate_mindmap = genai.protos.FunctionDeclaration(
name="generate_mindmap",
description="将 Markdown 文本转换为交互式思维导图,帮助用户更好地理解和组织信息",
parameters=genai.protos.Schema(
type=genai.protos.Type.OBJECT,
properties={
"markdown": genai.protos.Schema(
type=genai.protos.Type.STRING,
description="要转换的 Markdown 文本内容"
),
"title": genai.protos.Schema(
type=genai.protos.Type.STRING,
description="思维导图的标题"
),
"theme": genai.protos.Schema(
type=genai.protos.Type.STRING,
enum=["light", "dark", "auto"],
description="主题风格"
)
},
required=["markdown"]
)
)
# 工具集
mindmap_tool = genai.protos.Tool(
function_declarations=[generate_mindmap]
)
# 使用示例
model = genai.GenerativeModel(
model_name='gemini-pro',
tools=[mindmap_tool]
)
🅰️ 使用示例 - 与 LLM 对话
用户: “帮我创建一个关于机器学习的学习路径思维导图”
LLM 回复: “我来为您创建一个机器学习学习路径的思维导图,包含从基础入门到高级应用的完整路径。”
# 机器学习学习路径
## 数学基础 (2-3个月)
### 线性代数
#### 向量和矩阵
#### 特征值和特征向量
### 概率统计
#### 概率分布
#### 贝叶斯理论
### 微积分
#### 偏导数
#### 梯度下降
## 编程基础 (1-2个月)
### Python 语言
#### NumPy 数值计算
#### Pandas 数据处理
#### Matplotlib 数据可视化
### 数据结构与算法
#### 排序算法
#### 搜索算法
## 机器学习理论 (3-4个月)
### 监督学习
#### 回归算法
##### 线性回归
##### 多项式回归
#### 分类算法
##### 逻辑回归
##### 决策树
##### 随机森林
##### SVM
### 无监督学习
#### 聚类算法
##### K-Means
##### 层次聚类
#### 降维算法
##### PCA
##### t-SNE
### 模 型评估
#### 交叉验证
#### 过拟合与欠拟合
#### 正则化
## 深度学习 (4-6个月)
### 神经网络基础
#### 前向传播
#### 反向传播
#### 激活函数
### 深度学习框架
#### TensorFlow
#### PyTorch
#### Keras
### 常用网络架构
#### CNN (卷积神经网络)
#### RNN (循环神经网络)
#### LSTM/GRU
#### Transformer
## 实战项目 (2-3个月)
### 数据科学项目
#### 房价预测
#### 客户流失分析
### 计算机视觉项目
#### 图像分类
#### 物体检测
### 自然语言处理项目
#### 情感分析
#### 文本生成
## 进阶发展
### MLOps
#### 模型部署
#### 模型 监控
#### CI/CD for ML
### 前沿技术
#### 强化学习
#### 生成对抗网络
#### 图神经网络
然后 LLM 会调用 create_mindmap
工具,生成一个精美的交互 式思维导图!
💻 传统编程集成示例
JavaScript/Node.js 集成
class MarkdownToMindmap {
constructor(apiBase = 'https://markmap-api.jinpeng-ti.workers.dev') {
this.apiBase = apiBase;
}
// 转换为数据结构
async transform(markdown, options = {}) {
const response = await fetch(`${this.apiBase}/api/transform`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ markdown, options })
});
if (!response.ok) {
throw new Error(`API 请求失败: ${response.status}`);
}
return await response.json();
}
// 渲染为 HTML
async render(markdown, title = '思维导图', theme = 'light') {
const response = await fetch(`${this.apiBase}/api/render`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ markdown, title, theme })
});
if (!response.ok) {
throw new Error(`渲染失败: ${response.status}`);
}
return await response.text();
}
// 批量处理
async batchTransform(documents, options = {}) {
const response = await fetch(`${this.apiBase}/api/batch/transform`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ documents, options })
});
return await response.json();
}
}
// 使用示例
const mindmapAPI = new MarkdownToMindmap();
const markdown = `
# 技术栈选型
## 前端框架
### React
#### 组件化开发
#### 虚拟 DOM
### Vue.js
#### 响应式数据
#### 模板语法
## 后端技术
### Node.js
#### Express
#### Koa
### Python
#### Django
#### Flask
`;
try {
// 生成思维导图 HTML
const html = await mindmapAPI.render(markdown, '技术栈选型', 'dark');
console.log('生成成功,HTML 长度:', html.length);
// 获取结构化数据
const data = await mindmapAPI.transform(markdown, {
colorFreezeLevel: 2,
initialExpandLevel: 2
});
console.log('转换结果:', data.data.root);
} catch (error) {
console.error('处理失败:', error);
}