Mermaid-ai绘图
1. 思路
1.1. 思路 1
flowchart TD
A[AI生成内容] --> B[Markdown格式] --> C[生成思维导图]
1.2. 思路 2
flowchart TD
A[AI 生成内容] --> B[mermaid 语法格式] --> C[插入drawio 绘图]
1.3. 思路 3
flowchart TD
A[AI 生成内容] --> B[marp Markdown语法格式] --> C[制作 PPT]
2. markmap
[!NOTE]
Markmap 是一个将 Markdown 文档可视化为思维导图的工具,旨在帮助用户更好地导航和理解内容。
2.1. 链接
- 官网 markmap
- markmap 在线工具
- GitHub: markmap
2.2. 主要特点
- Markdown 支持:Markmap 可以直接解析 Markdown 格式的文本,并将其转换为思维导图。
- 交互性:用户可以通过鼠标滚轮缩放,拖动背景平移,点击节点以展开或折叠子节点,从而实现动态交互。
- 多种格式:除了 Markdown,Markmap 还支持其他格式,如 MindMup 和 Txtmap(空格缩进的纯文本)[3][4]。
2.3. 使用方法
要使用 Markmap,用户可以通过 NPM 安装该组件:
npm install markmap
使用 Markmap 的基本步骤包括:
- 解析文本:将 Markdown 文本解析为树形结构。
- 渲染树形结构:将解析后的树形结构可视化为思维导图。
2.3.1. 示例代码
以下是一个简单的示例,展示如何在 Node.js 环境中运行 Markmap:
git clone https://github.com/dundalek/markmap.git
cd markmap
npm install
cd examples/node
node example.markdown.js
2.4. 在线体验
用户可以在 Markmap 的官方网站上进行在线体验,直接输入 Markdown 文本并查看生成的思维导图[1][2]。
2.5. 集成与插件
Markmap 还可以与多种编辑器集成,如 VSCode、Vim 和 Emacs,提供了插件支持,方便用户在不同环境中使用[4][5]。
通过这些功能,Markmap 为用户提供了一种直观且高效的方式来组织和可视化信息,适合软件开发者和需要管理复杂项目的用户。
2.6. Mermaid
3. 代码流程图 prompt
通过 mermaid 帮我绘制下面代码的流程图,在流程图块上带上函数名等关键代码,方便我识别这一个区块是属于那部分代码。