本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
转载自夜明的孤行灯
Mermaid是一个开源的图表绘制工具,它使用简单的文本语法来描述图表,支持绘制流程图、时序图、甘特图等多种类型的图表。Mermaid的设计目标是提供一种简单、直观的方式来创建图表,使得非专业的用户也能轻松绘制出美观的图表。
对比于Plantuml,Mermaid内置支持的图表类型更多,且相对美观度高一些。Mermaid还有一个便利就是它在GitHub 和 GitLab 等流行源代码存储库中得到原生支持,从而可以在 Markdown 文档中嵌入并轻松更新 Mermaid。
使用示例
下面是一个简单的Mermaid语法示例,用于绘制一个流程图:
graph LR
A[开始] --> B[中间步骤]
B --> C[结束]
通过上述代码,可以生成一个包含三个节点的流程图,节点之间的关系用箭头表示。
这只是Mermaid语法的一个简单示例,实际上Mermaid支持更复杂的语法和功能,可以绘制出更丰富的图表。
集成
Mermaid可以方便集成在WordPress里面,下面是一些示例
journey
title My working day
section Go to work
Make tea: 5: Me
Go upstairs: 3: Me
Do work: 1: Me, Cat
section Go home
Go downstairs: 5: Me
Sit down: 5: Me
erDiagram
CAR ||--o{ NAMED-DRIVER : allows
CAR {
string registrationNumber PK
string make
string model
string[] parts
}
PERSON ||--o{ NAMED-DRIVER : is
PERSON {
string driversLicense PK "The license #"
string(99) firstName "Only 99 characters are allowed"
string lastName
string phone UK
int age
}
NAMED-DRIVER {
string carRegistrationNumber PK, FK
string driverLicence PK, FK
}
MANUFACTURER only one to zero or more CAR : makes
本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
转载自夜明的孤行灯