[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"tb-a-2077685933225803776-2077688789513273344":3},{"detail":4,"html":18,"toc":19,"catalog":29,"tool":33},{"id":5,"title":6,"coverUrl":7,"url":8,"level":8,"description":9,"publishDate":10,"views":11,"isCollect":12,"isLike":12,"vipRequired":13,"vipFlag":14,"price":8,"contentType":15,"station":8,"seq":15,"readMinutes":16,"toolIds":17,"relatedVideo":8},"2077688789513273344","mindmap 脑图：在 Markdown 里生成 SVG 思维导图","",null,"markdown-viewer 出品（合集 3.1k 星）。用 PlantUML 脑图语法在 Markdown 里生成 SVG 思维导图，分支自动布局。适合做决策图、学习大纲、概念梳理，写在文档里即可渲染，轻量省事。","2026-07-16",0,"0",false,"1",1,2,[],"\u003Cdiv style=\"padding:0 4px 24px;font-size:14px;color:#333;line-height:1.85;word-break:break-word\">\n\n\u003Cdiv style=\"background:#FFF7ED;border:1px solid #FFEDD5;border-radius:12px;padding:12px 14px;margin:0 0 18px;font-size:13px;line-height:1.7;color:#9A3412\">🔥 \u003Cstrong style=\"font-weight:700;color:#1a1a1a\">社区\u003C\u002Fstrong>：markdown-viewer 出品，所在合集 GitHub 3.1k 星。\u003C\u002Fdiv>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s1\" data-toc>一、这是什么\u003C\u002Fh1>\n\u003Cp style=\"margin:0 0 14px\">在 Markdown 里直接\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">生成 SVG 思维导图\u003C\u002Fstrong>的 skill。用 PlantUML 的脑图语法写，分支方向和布局自动排，适合快速把想法梳理成层级结构。\u003C\u002Fp>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s2\" data-toc>二、能干嘛\u003C\u002Fh1>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">决策图\u003C\u002Fstrong>：把选项和分支理清楚\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">学习大纲\u003C\u002Fstrong>：把知识点按层级展开\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">概念梳理\u003C\u002Fstrong>：一个主题发散成脑图\u003C\u002Fdiv>\u003C\u002Fdiv>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s3\" data-toc>三、适合谁\u003C\u002Fh1>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">习惯用 Markdown 写文档、想顺手插脑图的人\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">做笔记、梳理思路、列大纲的学生和知识工作者\u003C\u002Fdiv>\u003C\u002Fdiv>\n\n\u003Cdiv style=\"background:#FFF7ED;border:1px solid #FFEDD5;border-radius:12px;padding:12px 14px;margin:18px 0 0;font-size:13px;line-height:1.7;color:#9A3412\">⚠️ \u003Cstrong style=\"font-weight:700;color:#1a1a1a\">一句实话\u003C\u002Fstrong>：它是纯文本语法生成的 SVG 脑图，胜在轻量、写在文档里就能用；要交互式炫酷脑图\u002F流程图看 AntV G6 或 excalidraw。需在支持 skills 的 AI 助手里使用。\u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n",[20,23,26],{"id":21,"text":22,"level":15},"s1","一、这是什么",{"id":24,"text":25,"level":15},"s2","二、能干嘛",{"id":27,"text":28,"level":15},"s3","三、适合谁",[30],{"id":5,"title":6,"coverUrl":7,"duration":8,"level":8,"publishDate":10,"views":11,"aiSoftapp":8,"tags":31,"contentType":15,"station":8,"seq":15,"relateId":8,"toolId":32,"readMinutes":16},[],"2077685933225803776",{"id":32,"createTime":34,"createdBy":35,"updateTime":34,"updatedBy":35,"echoMap":36,"slug":37,"name":38,"categorySlug":39,"subCategory":40,"region":8,"website":41,"appName":7,"description":42,"tags":43,"sortOrder":11,"state":15,"tenantCode":48,"tutorialContent":8,"resourceType":49,"accessTypes":7,"installCmd":50,"logo":51,"hotScore":52,"githubStars":11,"category":39},"2026-07-16 17:25:03","1744248479271616512",{},"mindmap","mindmap 脑图","design","流程图与脑图","https:\u002F\u002Fgithub.com\u002Fmarkdown-viewer\u002Fskills","markdown-viewer 出品（合集 3.1k 星）。用 PlantUML 脑图语法在 Markdown 里生成 SVG 思维导图，分支方向自动布局、支持富文本。适合做决策图、学习大纲、概念梳理，写在文档里即可渲染。",[44,45,46,47],"社区","脑图\u002F思维导图","PlantUML语法","SVG输出","0000","skill","npx skills add markdown-viewer\u002Fskills","https:\u002F\u002Fgithub.com\u002Fmarkdown-viewer.png",62]