360 Secure SkillHub
360 安全技能中心

Markmap — Build mindmaps with plain text

markmap 把 Markdown 文档渲染为可交互的 SVG 思维导图:可用命令行生成在线或离线 HTML 文件,也可在浏览器中通过 Transformer 与 Markmap API 渲染节点;支持大量选项、内置与自定义插件、CSS 变量定制。参考文档覆盖转换、渲染、CLI、包架构、通用 API 与插件。

openlark
openlark
热度 20.29
最近更新 2026-05-29 10:04:30
分类:效率依赖:代码执行 / 读写文件应用场景:文件转换 / 工作流 / 笔记整理

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add markmap
Metadata
name
markmap
description
markmap — Render Markdown as interactive SVG mindmaps. Use when users need to convert Markdown documents into mindmaps, generate HTML files via CLI, or navigate mindmap nodes interactively in the browser.

Markmap — Build mindmaps with plain text

Markdown → interactive SVG mindmaps. Powered by markdown-it + d3-flextree.

Quick Start

npm install -g markmap-cli
markmap README.md --open          # Generate interactive HTML mindmap
markmap README.md --offline       # Offline standalone HTML

Core API

import { Transformer } from 'markmap-lib';
import { Markmap } from 'markmap-view';
const { root } = new Transformer().transform('# Hello\n- World');
Markmap.create('#mindmap', { zoom: true }, root);

Reference Files

File Coverage
references/transform.md Transformer + Frontmatter + HTML Parser + CDN + Vite Build
references/render.md Markmap Rendering + deriveOptions + Full HTML Examples
references/cli.md CLI Commands + Programmatic API + Dev Server Architecture
references/architecture.md Package Architecture + Markdown→SVG Pipeline + Asset Loading
references/common-api.md All Options/Node Types + CSS Variables + Hook/Loader
references/plugins.md 6 Built-in Plugins + Custom Plugins