目录

  1. 1. 前言
  2. 2. 流程图
    1. 2.1. 设置节点
    2. 2.2. 设置方向

LOADING

第一次加载文章图片可能会花费较长时间

要不挂个梯子试试?(x

加载过慢请开启缓存 浏览器默认开启

Mermaid语法

2024/1/10
  |     |   总文章阅读量:

前言

Mermaid是一种基于Javascript的绘图工具,使用类似于Markdown的语法,使用户可以方便快捷地通过代码创建图表。

总之就是感觉好用,于是学一下(

注:markdown编辑器要用Typora这种支持mermaid渲染

官方文档:

https://github.com/mermaid-js/mermaid/blob/develop/README.zh-CN.md

http://mermaid.js.org/syntax/flowchart.html

流程图

设置节点

默认的写法直接写节点名即可

要写一个带有文本的节点需要在节点名后面加上[],其中的内容建议用""包裹,以防渲染unicode文本失败

flowchart LR
    id1
    id2["Test❤"]

image-20240110011952832

设置方向

首先在flowchart里面指定方向:TDTB是从上到下,LR是从左到右,同理RL就是从右到左,BT就是从下到上

箭头的写法就是-->

flowchart LR
	id1
	id2
	id1-->id2

image-20240110012013529