rna https://blog.hatena.ne.jp/rna/ rna fragments https://rna.hatenadiary.jp/ はてな JavaScript 天文ブログの方でフローチャート風の図を描くのに Mermaid を使ってみたのだけど、うまくいかないことがあったので回避方法をメモ。Mermaid はダイアグラムやチャートを Markdown 風の記法で記述して、JavaScript で図として描画する仕組みで、数式における MathJax に相当するもの。はてなブログの場合、数式に関しては「はてな記法」で書けば事足りるのだが、Marmaid については識別用のタグを付けたブロックに marmaid の記法で記述して、その後ろに JavaScript のコード断片をコピペしておくことで、閲覧者のブラウザ上で JavaScript を動かしてブ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Frna.hatenadiary.jp%2Fentry%2F2023%2F01%2F24%2F201300" title="はてなブログで mermaid を使う (2023/3/7追記あり) - rna fragments" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2023-01-24 20:13:00 rich https://rna.hatenadiary.jp/entry/2023/01/24/201300 1.0 100%