ブログ内にmermaidの画像を表示する実験

markdown

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

て書いたらこの部分がmermaidで表示されてほしい

デザインのフッターでmermaid.jsを読み込むだけ

意外に簡単だった

結果

graph LR A --> D B --> D C --> D

↑ちゃんと出てる

あーースマホだとでないー