尝试过按照教程一步步来,但没成功,可能会是因为各种版本问题,这篇主要是写给没成功但又希望将mermaid用在blog里面的同学。
思路是Github Page的md文件支持html的tag。
那么方法就很简单了,直接将tag写在markdown文件中,示例如下:

1
2
3
4
5
6
7
8
<div class="mermaid">
graph LR
A --- B
B-->C[fa:fa-ban forbidden]
B-->D(fa:fa-spinner);
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.0.0/mermaid.min.js"></script>
<script>mermaid.initialize({startOnLoad:true});</script>
graph LR A --- B B-->C[fa:fa-ban forbidden] B-->D(fa:fa-spinner);