Mermaid

type
status
date
slug
summary
tags
category
icon
password
思源笔记支持 Mermaid 绘图。
Mermaid绘图提供了一种类似 Markdown 语法的代码绘图方式,非常便于创建、修改、更新与维护。
notion image

如何创建Mermaid绘图?

三种方式:
  1. 通过快捷命令 /mermaid 可以快速创建一个Mermaid代码片段;
  1. 通过Markdown语法在行首输入 ```mermaid 回车快速创建一个Mermaid代码片段
  1. 通过输入 /code 插入一个代码片段,然后选择语言为Mermaid
 

Mermaid简单示例

notion image
  • graph表示这是一个流程图
  • LR表示从到右的顺序(L表示Left,R表示Right)。从上到下则为TD
  • --> 表示箭头
Mermaid 的优点就是可以用很少的代码语言就能表示图形并且便于修改。
 

饼图示例

饼图示例
饼图示例
 

时间线图示例

时间线图示例
时间线图示例
 
 

XY 图

XY图示例
XY图示例
 
 
💡
更多的的请参考 Mermaid语法
 
上一篇
HTML块
下一篇
Chart
Loading...

思源笔记用户指南

文章列表
思源笔记用户指南
🍼新手引导
✏️基础操作
⛓️基础块
🧬高级块
📊数据库
🔡代码片段
🔍搜索进阶
🚀高级操作
💎会员特权
💠功能特性
🖼️主题推荐
🔌常用插件
💬交流区