- 综合排序
- 最热优先
- 最新优先
- 来自专栏GitHubDaily
神器 Markmap！！！
本文重点 工具介绍 这款工具叫 markmap[1]。 markmap 可以将 Markdown 语法的文本通过思维导图的方式进行可视化。 以下是官网截图，markmap 这个名字来自 markdown 的前半部分 和 mindmap 的后半部分，slogan 是 Visualize your Markdown with mindmaps 官网页面 工具使用 在线版 如果你不想安装任何东西，那可以直接浏览器（建议 chrome 浏览器）上访问 https://markmap.js.org/repl 即可仿照官网模板进行转换，如下图。 在 Visual Studio Code 上安装 markmap 插件 [2]，如下图。 ? 引用链接 [1] markmap: https://markmap.js.org/
3.4K10发布于 2020-12-15 - 来自专栏快乐阿超
markmap
分享一个：https://markmap.js.org/ Github：https://github.com/markmap/markmap 可以使用markmap生成思维导图html 例如：https ://markmap.js.org/repl
52520编辑于 2023-04-17 - 来自专栏终码一生
神器 Markmap ！！
2 工具介绍 这款工具叫markmap。 markmap 可以将 Markdown 语法的文本通过思维导图的方式进行可视化。 vscode 使用界面 语法格式 # markmap ## Links - <https://markmap.js.org/> - [GitHub](https://github.com/gera2ld /markmap) ## Related - [coc-markmap](https://github.com/gera2ld/coc-markmap) - [gatsby-remark-markmap 引用链接 [1] markmap: https://markmap.js.org/ [2] markmap 插件: https://marketplace.visualstudio.com/items? itemName=gera2ld.markmap-vscode
1.3K30编辑于 2022-04-15 - 来自专栏玩转全栈
markmap 核心原理解析
内容提要，学习本文，你会学到： markmap这个库实现的核心技术原理 一种抽象思想，结构化数据转化为另外一种呈现的方式 Markmap 是一个非常有用的工具，它可以将 Markdown 文本转换成交互式的思维导图 学习本文，我们不仅仅可以了解markmap这个库实现的技术原理，今天更重要的其实是，学会一种思想，即Markdown 由于其结构化的特性，可以很容易地被解析成 AST（抽象语法树），这为转换成各种不同格式提供了可能 Markmap实现的核心原理 先不讲这么多了，先来了解一下，markmap 的核心技术原理，markmap是开源的，其github地址在此，https://github.com/markmap/markmap 它的实现原理基于几个关键的技术点： Markdown 解析：Markmap 使用 Markdown 解析器（如 marked 或其他库）来解析输入的 Markdown 文本，将其转换成一个抽象语法树（AST 交互性：Markmap 允许用户与生成的思维导图进行交互，比如展开或折叠节点，这通常是通过监听 DOM 事件并相应地更新 SVG 元素来实现的。
2.3K20编辑于 2023-11-29 - 来自专栏web前端踩坑
markmap-vue项目运行报错处理
image.png 最近有个需求时js画思维导图，找到了个markmap插件。 它是一个可以把markdown内容，转化成思维导图的工具。
1.6K10编辑于 2023-03-16 使用腾讯元宝+markmap生成思维导图
AI可以帮助我们进行提炼和总结， 节省了大量搜索资料和查阅的时间，像上图这张思维导图，就是使用腾讯元宝大模型进行内容提炼，再使用markmap生成思维导图，下面讲解下详细实现步骤：一、工具准备腾讯元宝， 腾讯出口的大语言模型，让他进行主题的提炼并生成我们想要的特定格式，访问地址：https://yuanbao.tencent.com/markmap 一个可以将markdown文本转换成思维导图的在线工具 ，访问地址：Try markmap二、使用腾讯元宝进行观点提炼将以面这句话发给腾讯元宝:5W2H工作法，请使用思维导图总结，并以markdown语言呈现腾讯元宝返回：# 5W2H工作法思维导图## What ## Who (谁)- 项目负责人- 团队成员- 相关人员## How (如何)- 实施方法- 流程步骤- 工具和技术## How much (多少)- 成本预算- 资源需求- 时间和资源限制三、使用markmap 在线生成思维导图打开markmap,将上面的markdown文本复制到左侧输入框内，思维导图即可呈现，效果如下：右下角点击Download As SVG即可得到完整的思维导图图片。
1.7K10编辑于 2024-06-13- 来自专栏跟着AI学
【跟着AI学】MindFlow项目开发实战（六）
思维导图constmarkmapRegex=/```markmap\n([\s\S]+?) ==null){blocks.push({type:ExtendedSyntaxType.Markmap,content:match[1].trim(),id:`markmap-${idCounter+ 核心实现Markmap处理器展开代码语言：TypeScriptAI代码解释/***处理Markmap思维导图*@parammarkdown-MarkmapMarkdown内容*@paramid-元素ID "></svg><script>const{Transformer}=window.markmap;const{Markmap}=window.markmap;consttransformer=newTransformer ();const{root}=transformer.transform(`${encodedContent}`);Markmap.create("#markmap",null,root);</script
25720编辑于 2026-01-22 - 来自专栏小鑫同学编程历险记
告诉你一种阅读README文档的新方式
最近在开发教程集合的首页设置成了 Markmap 的风格，我可以在首页查看开发教程的完整大纲，还可以通过每个节点快速跳转到对应的章节，下图就是首页 Markmap 部分。 import { Transformer } from 'markmap-lib' import type { ITransformResult } from 'markmap-lib' export 渲染为 Markmap 风格同样需要一个开源模块 markmap-view 的支持，需要从 markmap-view 模块导入 Markmap 对象，Markmap 对象提供的静态函数 create( import { Transformer } from 'markmap-lib' import type { ITransformResult } from 'markmap-lib' import { Markmap, deriveOptions } from 'markmap-view' import type { IMarkmapJSONOptions } from 'markmap-common
50120编辑于 2023-10-16 - 来自专栏GitHub专栏
太牛逼了，Markdown 几行字符就可以生成思维导图了！
Markmap 以 Markdown 绘制思维导图的开源工具——markmap ? markmap-lib 作为渲染 Markdown 思维导图的可视化组件。 ? 即便你第一次听说 Markdown 也没关系，也不会影响你用 Markmap 的烦恼，哪怕你之前使用的其他什么思维导图工具，都是通过频繁的设计、选择图形、还是画线等等，通过 Markmap 即可一切帮你搞定 Markmap 优点 轻量化、在线直接使用； 开源免费； 支持超链接； 语法字符简单，一键生成导图； 可下载为 SVG 和 HTML 格式的文件； 扩展地址 markmap： 地址：https://markmap.js.org /repl/ GitHub markmap： 地址：https://github.com/dundalek/markmap GitHub markmap-lib： 地址：https://github.com 如果你有经常绘制思维导图的习惯，不妨可以试试 Markmap。
5.3K40发布于 2020-06-18 - 来自专栏技术指北
ChatGPT + MarkMap,一分钟生成你的思维导图
主角就是ChatGPT + markmap chatgpt我就不做多介绍了。 Markmap是一种基于文本的思维导图工具，它允许用户通过纯文本输入来创建漂亮、交互式的思维导图。 Markmap的特点之一是它使用Markdown格式作为输入，这是一种简单易懂的标记语言，使得用户可以使用纯文本编写思维导图的内容和结构。 使用Markmap，用户可以通过简单的文本输入创建层次结构的思维导图。用户只需在Markdown文本中使用缩进表示分支关系，Markmap会根据文本的结构自动生成相应的思维导图。 在用markmap生成思维导图 我们首先要打开ChatGPT，我这里比如想生成一个以"app登录的测试用例" 为主题的思维导图 。 不需要表格输出 GPT生成的文本我就简单截图如下： 复制gpt生成的markdown格式的文本，打开https://markmap.js.org/repl 这个网站后，先把模板文本删除了，然后复制gpt
3.8K30编辑于 2023-08-18 - 来自专栏开源小分队
用 Markdown 生成思维导图，这款神器太牛了！
简介 Markmap 是一款能够将 Markdown 转为思维导图的开源工具，可以看作是 markdown 和 mindmap 的结合，通过使用markmap，你可以很轻松的绘制一幅思维导图。 特点 使用 在线使用 为了可以快速上手体验 markmap 的效果，官方提供了一个在线网站进行试用： https://markmap.js.org/repl 下面这个就是官方给的默认的例子，左边录入 此外，我们还可以本地终端中使用 markmap 命令行、可以通过 markmap-lib 这个库在前端代码中自行控制使用 markmap。 如果你经常会需要使用思维导图，大叔推荐你可以试试 Markmap。 github地址:https://github.com/markmap/markmap 官网地址：https://markmap.js.org/ 写在最后 问君能有几多愁，开源项目解千愁，我们下期再见！
13K30编辑于 2023-02-20 使用Kimi+Markmap总结网页内容生成思维导图
AI可以帮助我们更高效地阅读文章进行提炼总结，像上图这张思维导图，就是使用Kimi进行内容提炼，再使用markmap生成思维导图，下面讲解下详细实现步骤：一、工具准备Kimi，将文章或一篇网页投给他，让他进行核心观点的提炼并生成我们想要的特定格式 markmap 一个可以将markdown文本转换成思维导图的在线工具二、使用Kimi进行观点提炼将以面这句话发给kimi:https://mp.weixin.qq.com/s/zD2J20juC-xXA8TthN5mGQ 三、使用markmap在线生成思维导图打开markmap,网址：Try markmap ,将上面的markdown文本复制到左侧输入框内，思维导图即可呈现，效果如下：使用markmap在线生成思维导图右下角点击
1.5K00编辑于 2024-06-13- 来自专栏程序那些事儿
Markmap 让你的想法“动”起来！
今天，我要给大家介绍一个宝藏工具——Markmap。它能将 Markdown 格式的文字瞬间转化为可交互的思维导图，让你的思维不仅有条理，还能“动”起来！ 什么是 Markmap？ 这使得 Markmap 不仅适合个人使用，也适用于团队协作和项目展示。 Markmap 与大模型的结合 在 AI 大模型盛行的今天，Markmap 与这些模型的结合更是如虎添翼。 体验地址 官网：https://markmap.js.org/[1] 在线体验：https://markmap.js.org/repl[2] 希望这篇文章能帮助你更好地了解和使用 Markmap，让你的思维导图创作更加高效和有趣 参考资料 [1] https://markmap.js.org/: https://markmap.js.org/ [2] https://markmap.js.org/repl: https:// markmap.js.org/repl
2.2K20编辑于 2025-03-03 - 来自专栏Cellinlab's Blog
Markdown 语法及 reco 主题 md 能力扩展
# 思维导图 markmap 使用 Markmap (opens new window) (VsCode 插件 markmap (opens new window) 也可以)生成思维导图文件 将 html 文件放在 docs/.vuepress/public/markmap/ 通过 <iframe> 插入到 Markdown <iframe :src="$withBase('/<em>markmap</em>/<em>markmap</em>.html
40120编辑于 2023-05-17 - 来自专栏开源小分队
推荐看看这 9 个牛逼项目~~
查看文章 项目地址：https://gitee.com/vdpadmin/variant-form 5、markmap：一款能够将 Markdown 转为思维导图的开源工具，可以看作是 markdown 和 mindmap 的结合，通过使用markmap，你可以很轻松的绘制一幅思维导图。 查看文章 项目地址：https://github.com/markmap/markmap 6、cheat.sh ：一个优雅的研发搜索工具，可以在不同平台上使用它，只需要一行命令即可查询到想要的代码或者命令的详解
57620编辑于 2023-02-20 - 来自专栏muller的测试分享
软件测试|如何使用ChatGPT生成思维导图
列表复制- 浅复制: `new_list = my_list.copy()`- 深复制: `import copy; new_list = copy.deepcopy(my_list)`步骤2：安装Markmap 插件Markmap插件是一款可以将Markdown文件转成思维导图展示的插件，我们可以在vscode中安装这款插件，如下图：图片步骤3：新建Markdown文件，输出思维导图我们在vscode中新建一个
84130编辑于 2023-08-22 - 来自专栏张俊红
看我用ChatGPT如何快速生成思维导图
另外你也可以用这个工具Try MarkMap，把Markdown内容复制到左边，然后右边自动生成思维导图：如下图 至此使用ChatGPT生成思维导图讲解说明完毕，有兴趣可以试试。
80920编辑于 2023-08-08 - 来自专栏JavaPark
技术写作中的那些神兵利器
markmap 地址：https://markmap.js.org/ 上面的工具都是直接图像化工具，和我们的 Markdown 工具无关。 markmap 将 Markdown 语法的文本通过思维导图的方式进行可视化，我们即可以使用在线版，也可以使用它在 VS Code 中的插件版，十分方便，而且支持导出 SVG 和 HTML，可以说是十分方便了
53930编辑于 2022-06-15 - 来自专栏KIWI的碎碎念
yuque-helper 1.1.0 新功能更新
转成思维导图 缘由 很久之前，我记得的是阮一峰老师的文章里看到了一个不错的网站，地址是 Try Markmap[6] 。 ? 不过，目前转换结果对于 markdown 格式要求比较高，我试了一下对于标题分层合理，并且不同段落有换行的文章转换效果最好，具体可以参考 markmap 官网的 demo。 不知道也行，这些技巧一般用不太着 · 语雀: https://www.yuque.com/yuque/blog/fpbc5m#qBhSS [6] Try Markmap: https://markmap.js.org
3.2K20发布于 2021-01-04 - 来自专栏JavaPark
聊聊技术写作中的那些神兵利器
markmap 地址：https://markmap.js.org/ 上面的工具都是直接图像化工具，和我们的 Markdown 工具无关。 markmap 将 Markdown 语法的文本通过思维导图的方式进行可视化，我们即可以使用在线版，也可以使用它在 VS Code 中的插件版，十分方便，而且支持导出 SVG 和 HTML，可以说是十分方便了
77230发布于 2021-04-21
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号