暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

markmap:将 Markdown 转换为思维导图

Linux技术宅 2025-03-15
14

点击👆Linux技术宅,关注我!!!

将 Markdown 转换为思维导图可以使用工具 markmap,它是一个基于 Markdown 语法生成交互式思维导图的工具。

Github(无法访问请翻墙):https://github.com/markmap/markmap[1]Websitehttps://markmap.js.org/[2]Docshttps://markmap.js.org/docs/markmap[3]Demohttps://markmap.js.org/repl[4]


1. 安装 markmap

首先需要安装 markmap 工具:

npm install -g markmap-cli
复制

或通过 CDN 直接使用在线编辑器:markmap.org/repl[5]


2. 编写结构化 Markdown

使用标准的 Markdown 标题和列表层级来定义思维导图结构:

# 中心主题
## 分支1
- 子节点1
- 子节点2
- 子子节点
## 分支2
> 支持**Markdown语法**,如 *斜体*、[链接](https://example.com)
复制

3. 生成思维导图

方法一:命令行转换

markmap your-file.md
复制

会生成一个 HTML 文件,可直接在浏览器中打开。

方法二:在线编辑器

将 Markdown 粘贴到 markmap.org/repl[6] 实时预览。


4. 高级功能

颜色标记:用 <!--markmap-->{color: red}-->
 注释设置节点颜色
图标支持:使用 FontAwesome 图标语法 [fa:icon-name]
数学公式:支持 LaTeX 公式 $$E=mc^2$$


5. 示例效果

# 学习方法
## 输入
- 阅读
- 经典书籍
- 论文
- 视频课程
## 输出
- 笔记整理
- 实践项目
> 关键:输入输出平衡
复制

生成的思维导图会展示层级结构,并支持展开/折叠节点。


注意事项

层级通过 #
##
 和列表缩进实现
推荐使用 VS Code 插件 Markmap[7] 实时预览导出支持 SVG/PNG/PDF 格式


通过 markmap,你可以快速将结构化笔记转换为可视化思维导图,适合知识整理、会议记录或项目规划等场景。

References

[1]
: https://github.com/markmap/markmap
[2]
:https://markmap.js.org/
[3]
:https://markmap.js.org/docs/markmap
[4]
:https://markmap.js.org/repl
[5]
markmap.org/repl:https://markmap.org/repl
[6]
markmap.org/repl:https://markmap.org/repl
[7]
Markmap: https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode




往期 · 推荐

Linux 6.11版本发布

更美观的HTTP性能监测工具:httpstat

59.8k star!数据探索和可视化平台:Superset

恶意流量检测平台:maltrail

后CentOS时代,服务器OS该如何抉择?

期待你的

分享

点赞

在看

文章转载自Linux技术宅,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论