Typora绘制-思维导图

**注意：**思维导图的高亮新旧版本会正常显示。

思维导图

1、新版本语法

mindmap如下仅是基础的常用功能语法，如需更全面内容可参考官网教程文档

最简骨架

复制代码

mindmap
    root((Typora思维导图))
        绘制方式
            graph模拟
            原生mindmap
        节点样式
            [方形]
            (圆角)
            ((圆形))
            ))爆炸型((
            )云型(
        导出与优化
            导出SVG/PNG
            自定义主题

核心规则（新版专属）

语法点	写法 & 说明
中心节点	`root((文本))`：`root` 是新版关键字，`(( ))` 表示圆形（中心节点推荐用）
层级关系	靠缩进区分（Tab/4 空格均可，统一即可），缩进 1 级 = 下一层分支
基础节点样式（通用）	- `((文本))`：圆形- `[文本]`：方形- `(文本)`：圆角矩形- `{文本}`：菱形
注释	`%% 注释内容`：写在代码里，渲染时隐藏

自定义布局

默认横向，可加 direction vertical 改为纵向
Markdown 富文本

节点内支持粗体 / 斜体
注释规则
- 单行注释：%% 注释内容（必须以 %% 开头，可放在行首 / 行尾）；
- 多行注释：无原生支持，需每行加 %%；
特殊规则（避坑重点）
- 必须用空格缩进，不能用 Tab
- 根节点不能有缩进
- 符号必须全是英文符号
- 节点文字不要直接写冒号
- 不要嵌套太深
- 不要空行、不要乱换行
- 长文本不要硬塞，用 <br> 换行

2、代码示例

示例1

复制代码

mindmap
    root((Typora思维导图))
        绘制方式
            graph模拟
            原生mindmap
        节点样式
            [方形]
            (圆角)
            ((圆形))
            ))爆炸型((
            )云型(
        导出与优化
            导出SVG/PNG
            自定义主题

示例2

复制代码

mindmap
  root((后端技术体系))
    编程语言
      Go
        基础语法
        并发编程
          Goroutine
          Channel
          Sync包
        工程化
          Go Module
          依赖管理
      Java
        基础
        JVM
        多线程
    数据库
      关系型
        MySQL
          索引
          事务
          锁机制
          分库分表
        PostgreSQL
      NoSQL
        Redis
          数据结构
          持久化
          集群
          缓存策略
        MongoDB
    中间件
      消息队列
        Kafka
        RabbitMQ
        RocketMQ
      搜索引擎
        Elasticsearch
      服务治理
        Nacos
        Consul
    架构与微服务
      微服务架构
        服务拆分
        远程调用
        服务熔断
        服务限流
      云原生
        Docker
        Kubernetes
        服务网格
    开发工具
      版本控制
        Git
        GitLab
        GitHub
      构建工具
        Maven
        Gradle
      文档工具
        Typora
        Mermaid
        Swagger

3、效果示例

示例1
Typora思维导图
绘制方式
graph模拟
原生mindmap
节点样式
方形
圆角
圆形
爆炸型
云型
导出与优化
导出SVG/PNG
自定义主题

示例2
后端技术体系
编程语言
Go
基础语法
并发编程
Goroutine
Channel
Sync包
工程化
Go Module
依赖管理
Java
基础
JVM
多线程
数据库
关系型
MySQL
索引
事务
锁机制
分库分表
PostgreSQL
NoSQL
Redis
数据结构
持久化
集群
缓存策略
MongoDB
中间件
消息队列
Kafka
RabbitMQ
RocketMQ
搜索引擎
Elasticsearch
服务治理
Nacos
Consul
架构与微服务
微服务架构
服务拆分
远程调用
服务熔断
服务限流
云原生
Docker
Kubernetes
服务网格
开发工具
版本控制
Git
GitLab
GitHub
构建工具
Maven
Gradle
文档工具
Typora
Mermaid
Swagger

4、老版本语法

mindmap新版本功能可以支持更丰富的内容，旧版写法差异明显，头部声明没有变化，不推荐使用就不介绍太多了。

复制代码

mindmap
  ((语言 学习路线))
    基础阶段
      变量与数据类型
      流程控制
        条件判断
        循环语句
      函数与模块
    进阶阶段
      面向对象编程
      异常处理
      文件操作
    实战阶段
      爬虫开发
      数据分析
      自动化脚本

语言学习路线
基础阶段
变量与数据类型
流程控制
条件判断
循环语句
函数与模块
进阶阶段
面向对象编程
异常处理
文件操作
实战阶段
爬虫开发
数据分析
自动化脚本

5、新旧版本差异

新旧版本差异比较大，如下对比

版本特征	新版（Mermaid ≥ 10.2，Typora ≥ 1.5.0）	旧版（Mermaid < 10.2，Typora < 1.5.0）
中心节点写法	`root((中心主题))` 或 `id0((中心主题))`	必须用 `mindmap` 开头，无 `root` 关键字
层级缩进	支持 Tab / 空格缩进	仅支持空格缩进（部分版本 Tab 会失效）
兼容性	更简洁，推荐	兼容性更广，但语法稍繁琐

基础场景：语法规则差异明显
高级场景：mindmap新增专属功能
- 节点形状（专属语法）：用不同括号定义节点外观，比旧版更丰富；
- 图标（Font Awesome）：::icon(fa fa-xxx) 为节点加图标（新版专属）；
- 样式定制（专属语法）
- 布局方向（新版专属）
- Markdown 富文本（新版专属）
- 链接（新版专属）

6、版本兼容性

Typora 版本 < 1.5：仅支持基础层级与简单形状，图标、样式、方向、富文本可能失效；
Typora 版本 ≥ 1.5：支持所有新版功能；
如何查版本：Typora → 帮助 → 关于 Typora（可看到 Typora 版本）。