CSDN中使用Mermaid绘制思维导图

最新推荐文章于 2024-06-24 10:31:06 发布
最新推荐文章于 2024-06-24 10:31:06 发布
阅读量3.3k 收藏 3
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hi_xtm/article/details/108253535
版权

代码：

	graph LR
	思维导图--> 第一部分
	第一部分-->1.1小节
	第一部分-->1.2小节
	
	思维导图--> 第二部分
	第二部分-->2.2小节
	
	思维导图--> 第三部分
	第三部分--> 3.1小节
	思维导图--> 若干
思维导图
第一部分
1.1小节
1.2小节
第二部分
2.2小节
第三部分
3.1小节
若干

如果想绘制更加美观的思维导图，可以参考具体Mermaid语法：
MerMaid参考文档

iceks
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
word2016流程图箭头不垂直_快速上手mermaid流程图，附思维导图和示例讲解
weixin_28829339的博客
01-10 1643
本文主要介绍了如何快速上手 Mermaid 流程图,不用贴图上传也不用拖拉点拽绘制,基于源码实时渲染流程图,操作简单易上手,广泛被集成于主流编辑器,包括 markdown 写作环境.通过本节内容你将学习到以下主要内容:了解什么是流程图以及Mermaid流程图;掌握并能记住如何绘制Mermaid流程图;了解 Gitbook 写作环境的相关集成插件.mermaid-flow-chart-simplem...
Typora绘制思维导图
Peter Cheung的博客
02-02 3005
我们观察一下，其实思维导图就是树状结构的数据嘛，作为程序员，拿语言写树状结构的数据是很平常的事情。而且写代码可比画图省事多了，查阅资料可以知道，有一种`mermaid`语法，就是做这件事情的，支持 UML，甘特图，流程图等。
最佳代码化的思维导图工具：Mermaid
最新发布
爱死亡机器人
06-24 1324
Mermaid是一种基于 JavaScript 的工具和库，用于生成各种类型的图表和图形，特别是在 Markdown 文档中嵌入图表时非常有用。Mermaid 允许用户使用简单的语法来描述复杂的图表，而不需要手动绘制图表。它特别适合开发者和文档编写者，能够在技术文档、项目文档和知识库中快速创建可视化内容。流程图 (Flowchart)：用于描述流程或工作流程。序列图 (Sequence Diagram)：用于表示对象之间的交互。类图 (Class Diagram)：用于表示类和它们之间的关系。
【mermaid】【typora】在typora中使用mermaid绘制思维导图
weixin_70677783的博客
04-07 1483
使用mermaid绘制思维导图
OD(12)之Mermaid思维导图(Mindmap)
Once_day的回忆
02-29 1356
思维导图，这个术语最早由英国心理学家托尼·博赞（Tony Buzan）在20世纪70年代提出，是一种用于辅助脑力激荡、记忆和可视化思考的工具。它通过图形化的方式组织信息，让人们可以更直观地看到思想和概念之间的联系。思维导图通常以一个中心主题开始，然后围绕这个中心主题扩展出多个分支，分支上再进一步衍生出子分支，形成一个网络状的结构。每个分支上都会标记关键词或图像，以代表相应的想法或信息。思维导图不仅仅是一种画图工具，它更是一种思考的艺术。它帮助人们以非线性的方式组织信息，这种方式更接近人脑自然的工作方式。
discourse-mermaid:将Mermaid JS库添加到讨论中
05-14
将库添加到讨论中，以便帖子可以利用其功能。 安装 通过Docker app.yml配置文件安装插件。 像这样： hooks: after_code: - exec: cd: $home/plugins cmd: - mkdir -p plugins - git clone ...
mermaid-js_docs.7z
09-08
在网页中使用，只需添加一个Mermaid配置和初始化的脚本，就能让Mermaid解析Markdown中的图表语法。 压缩包内的"mermaid-js_docs"可能包含详细的API参考、示例、教程以及如何在项目中集成Mermaid JS的指南。这些文档...
mermaid-filter:Pandoc过滤器，用于在Markdown文档中的美人鱼语法块中创建图
05-12
mermaid-filter是一个pandoc过滤器，它在markdown中添加了对语法图的支持。 像往常一样，在受保护的代码块中编写图表，如下所示： ~~~mermaid sequenceDiagram Alice->>John: Hello John, how are you? John--&...
超级详细的linux思维导图
11-13
包含了工作当中的常见的一些linux操作..完全足够开发人员的使用..，对新手而言也是很棒我参考指南..
mermaid-diagrams:使用美人鱼语法在 wiki 页面中启用序列图的扩展
08-03
美人鱼图一个简单的 chrome 扩展，用于在 github、bitbucket 和 Azure DevOps 页面中添加对语法的支持。 例如，将此添加到 github 中的任何 wiki 页面或 Markdown 文件示例 1 sequenceDiagram A->> B: Query B->> C:...
vue-mermaid:Vue组件的美人鱼流程图
04-30
美人鱼Vue Componet的美人鱼流程图要求安装安装程序# install dependenciesnpm install --save vue-mermaid用法注册组件import VueMermaid from "vue-mermaid" ;Vue . use ( VueMermaid ) ;使用组件export default {...
mermaid-gitbook:文档已移至https中的文档
05-02
文档已移至文档美人鱼日记GitBook源代码。...释放对于那些获得许可的人： 确保已将克隆到与该项目相同的父文件夹中。 yarn releasecd ../mermaidjs.github.io && git commit -a -m 'Update doc' && git push
mermaid-demo
10-30
这个“mermaid-demo”压缩包文件显然是一个示例集合，展示了如何在HTML环境中使用Mermaid进行图表绘制。下面我们将深入探讨Mermaid的核心特性、使用方法以及它在HTML中的应用。 1. **Mermaid的基本概念**： - **...
Typora通过mermaid使用流程图、脑图
汗的博客
01-19 6618
mermaid是一个基于javascript的图表绘制工具，Typora则是一款优秀的Markdown编辑器，二者可以结合，实现在markdown里绘制流程图、脑图。 启用Typora的mermaid的支持 偏好设置-Markdown-Markdown拓展语法 使用流程图脑图，代码块语言选择mermaid即可，Typora的预览模式可以即时渲染出来流程图 #mermaid-svg-Cwd1CNaOEJKtrYlC .label{font-family:'trebuchet ms', verdan
Markdown 进阶语法：Mermaid 绘图 (一) - 流程图 (Flowchart)
小嗷犬的博客
07-04 9632
Mermaid是一个基于 JavaScript 的图表绘制工具，它使用类似 Markdown 的简单语法来编写，并动态地将它们渲染成图表。流程图(Flowchart) : 用关键词graph或flowchart表示顺序图(Sequence Diagram) : 用关键词表示类图(Class Diagram) : 用关键词表示状态图(State Diagram) : 用关键词表示实体关系图(Entity Relationship Diagram) : 用关键词erDiagram表示用户旅程图。
Markdown使用mermaid画流程图
Kobaayyy的博客
01-14 674
Markdown使用mermaid画图参考 参考 码字不易，如果您觉得有帮助，欢迎点赞和收藏~~
markdown绘制思维导图
08-12
要在Markdown中绘制思维导图，可以使用一些工具和语法来实现。以下是一种常用的方法： 1. 使用特定的Markdown扩展：有一些扩展可以帮助你在Markdown中创建思维导图，比如使用Mermaid或PlantUML。这些扩展提供了专门的语法来绘制各种类型的图表，包括思维导图。 2. 使用Markdown表格：你也可以使用Markdown表格来绘制简单的思维导图。可以使用表格的行和列来表示思维导图中的主题和关系。 下面是一个使用Markdown表格绘制思维导图的示例： ``` | 核心主题 | 分支主题 | |---------|---------| | 核心 | 分支1 | | 核心 | 分支2 | | 分支1 | 子分支 | ``` 这个示例中，第一列是核心主题，第二列是分支主题。通过添加新的行和调整缩进，可以构建更复杂的思维导图结构。 请注意，Markdown本身并没有原生支持绘制思维导图的功能，所以使用Markdown表格绘制思维导图可能会有一定的局限性。如果需要更复杂的思维导图，建议使用专门的工具或库来创建和绘制思维导图。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值