Gitee 现已全面支持 Mermaid 图表渲染

2022-12-23 0 1,129

甚么是 Mermaid

Mermaid 是一类如前所述 Javascript 的图形辅助工具,采用近似于 Markdown 的句法,采使用者能快捷地透过标识符建立图象。

Gitee 现已全面支持 Mermaid 图表渲染
图源:Mermaid 非官方文件格式

换句话说,你能透过 Mermaid,在本不全力支持繁杂图象的 Markdown 文件格式中,以 Markdown 的形式填入你想图象式样,主要包括时序、梨形图之类,让你的 Markdown 文件格式的建模某种程度大幅进一步增强。

怎样在 Gitee 上采用 Mermaid

在 Typora、Obsidian 等常见的 Markdown GUI上,你能透过标识符块的形式加进 Mermaid 图象,只须要将标识符块的词汇更改成mermaid方可,如上面的标识符右图:

“`mermaid graph TD; //时序,由上往下 A–>B; A–>C; B–>D; C–>D; “`

该句法输入的是上面这张时序:

Gitee 现已全面支持 Mermaid 图表渲染

所以没人可能会问了,所以质量上乘的时序,是在甚么GUI上图形出的呢?

马加仓高声地说你,所以质量上乘的时序,现在在 Gitee 上就能图形出!

Gitee 中的 Markdown GUI早已全面性全力支持 Mermaid,你能在库房的 PR、Issue、Readme、Wiki 和文章中采用 Mermaid,透过图象来更全面性地刊登你的看法。

Gitee 现已全面支持 Mermaid 图表渲染

Mermaid 句法实例

Mermaid 的能力当然不止于时序,上面我们来看看还能用 Mermaid 做出哪些炫酷的图象。

时序图(Sequence Diagram)

sequenceDiagram Alice->>John: Hello John, how are you? John–>>Alice: Great! Alice-)John: See you later!
Gitee 现已全面支持 Mermaid 图表渲染

状态图(State Diagram)

stateDiagram-v2 [*] –> Still Still –> [*] Still –> Moving Moving –> Still Moving –> Crash Crash –> [*]
Gitee 现已全面支持 Mermaid 图表渲染

饼状图(Pie Chart Diagrams)

pie title Pets adopted by volunteers “Dogs” : 386 “Cats” : 85 “Rats” : 15
Gitee 现已全面支持 Mermaid 图表渲染

Git 分支图(Gitgraph Diagrams)

gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit
Gitee 现已全面支持 Mermaid 图表渲染

当然,以上这些实例只展示了它的基础用法,Mermaid 同样全力支持更改图象中各种元素的式样,以便你完成更加繁杂的图象设计。

目前该功能早已在 Gitee 全面性上线,你那时就能在 Gitee 上尽情地发挥你的创造力,用 Mermaid 图象展示你脑海中的奇思妙想吧!

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务