问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

OD(12)之Mermaid思维导图(Mindmap)使用详解

创作时间:
作者:
@小白创作中心

OD(12)之Mermaid思维导图(Mindmap)使用详解

引用
CSDN
1.
https://blog.csdn.net/Once_day/article/details/136383867

思维导图,这个术语最早由英国心理学家托尼·博赞(Tony Buzan)在20世纪70年代提出,是一种用于辅助脑力激荡、记忆和可视化思考的工具。它通过图形化的方式组织信息,让人们可以更直观地看到思想和概念之间的联系。

思维导图,这个术语最早由英国心理学家托尼·博赞(Tony Buzan)在20世纪70年代提出,是一种用于辅助脑力激荡、记忆和可视化思考的工具。它通过图形化的方式组织信息,让人们可以更直观地看到思想和概念之间的联系。思维导图通常以一个中心主题开始,然后围绕这个中心主题扩展出多个分支,分支上再进一步衍生出子分支,形成一个网络状的结构。每个分支上都会标记关键词或图像,以代表相应的想法或信息。

思维导图不仅仅是一种画图工具,它更是一种思考的艺术。它帮助人们以非线性的方式组织信息,这种方式更接近人脑自然的工作方式。使用思维导图,我们可以将零散的信息串联起来,构建出一个有逻辑的、层次分明的信息结构。这种方法特别适合脑力激荡、规划、复习、记忆和学习等场景。

优点方面,思维导图能够激发创造力,提高记忆和学习效率,同时还能帮助人们更好地组织和管理信息。它的多彩和直观特性使得复杂的信息变得简单易懂,可以快速捕捉信息的核心内容。

缺点可能在于,对于习惯了线性笔记和逻辑表达的人来说,刚开始可能会不太适应思维导图的非线性和图形化特点。此外,如果不加以控制,一个思维导图可能会变得过于庞大和复杂,从而失去其应有的清晰和简洁性。

随着数字技术的发展,思维导图的应用已经从纸张转移到了电子设备上。现在市面上有很多软件可以用来绘制思维导图,如MindManager、XMind、FreeMind等,它们提供了更多的功能和便捷性,比如快速插入图像、链接、文件,以及多人协作等。

在实际使用中,思维导图可以帮助个人整理思路,规划文章或演讲的结构;在团队中,它可以作为沟通和讨论的工具,帮助成员之间建立共识;在企业和教育领域,它也常被用来进行项目管理和教学活动。

下面是Mermaid中思维导图的使用实例:

使用

语法

Mermaid的思维导图直接使用缩进来设置层次结构中的级别,因此使用起来比较简单。下面是简单的四个节点,分成三个层次,如下:

mindmap
    Root
        A
            B
            C

这个简单文本式代码表述的节点,很容易就被渲染为一个思维导图,还是非常简单的,类似于文本大纲

Mermaid的思维导图不需要其他形式语法,只要如上所示的缩进排布即可。

节点形状

Mermaid思维导图节点的形状也和流程图类似,可以用不同符号来确定,如下所示:

形状名称
语法示例
描述
正方形
Square id[I am a square]
标准的正方形节点
圆角方形
Rounded square id(I am a rounded square) rounded
带有圆角的方形节点
圆圈
Circle id((I am a circle)) circle
圆形节点
Bang id))I am a bang(( bang
特殊的“砰”形状节点
Cloud id)I am a cloud( cloud
云形状的节点
六边形
Hexagon id{{I am a hexagon}} hexagon
六边形节点
默认形状
Default I am the default shape the default shape
Mermaid 的默认节点形状

下面是示例:

mindmap
    Root(("圆形节点"))
        bang))"特殊的“砰”形状节点"((
        cloud)"云形状的节点"(
        Hexagon{{"六边形节点"}}
        Square["标准的正方形节点"]
        Rounded("带有圆角的方形节点")
        default

缩进问题

如果编写思维导图时,缩进排版不够清晰,可能会造成错误的结果,比如:

mindmap
    Root
        "A"
                "B"
            "C"

我们会发现,虽然"C"不是"B"缩进的子代,也没有与"B"平级,但是Mermaid通过一个错误补偿机制,把"A"作为"C"的父节点,从而实际绘图时,呈现出来"B"和"C"是兄弟姐妹节点。

Markdown语法

Mermaid支持在思维导图中嵌入简单的Markdown语法,如斜体、粗体、换行等格式,如下所示:

mindmap
    Root("`**这是粗体**`")
        A("`*这是斜体*`")
        C("`可以
        换行`")

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号