在github pages中使用Mermaid画图

I read:

https://segmentfault.com/q/1010000011361671,

It said:

Embed-Chart-in-Jekyll,

To do this, you only need to include mermaid on your web page:

<script src="mermaid.full.min.js"></script>
Then define your chart like this:

<div class="mermaid">
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
</div>

then I down mermaid from:

https://mermaidjs.github.io/usage.html

https://unpkg.com/mermaid/

https://unpkg.com/mermaid@8.0.0-rc.8/dist/

https://unpkg.com/mermaid@8.0.0-rc.8/dist/mermaid.min.js

Here below is an example:

sequenceDiagram A->> B: Query B->> C: Forward query Note right of C: Thinking... C->> B: Response B->> A: Forward response

Ref:

https://www.jianshu.com/p/4bae409248b3

https://github.com/Redisrupt/mermaid-diagrams

https://github.com/jasonbellamy/jekyll-mermaid

https://www.jianshu.com/p/4bae409248b3

Search

    Table of Contents