GitHubでmermaid記法が使えるようになったというニュースで盛り上がっているので、はてなブログでもmermaid記法が使えるのか試してみた（使える）
手順
編集はMarkdown
以下の通り自分のブログの管理画面から辿っていって、
HatenaBlogの管理画面＞設定＞詳細設定＞
以下のようにhead部にcssとscriptを指定
ちょっと機能が足りないので、こっちを使ったほうがいいかも？
お好みのものを探して使ってください
↓
https://unpkg.com/browse/mermaid@8.14.0/dist/
下の方に「変更する」ボタンがあるので、押すのをお忘れなく
あとはclassを指定してmermaid記法で書く
<div class="mermaid">
flowchart TB
HatenaBlogの管理画面 --> |設定|設定画面
設定画面 --> |詳細設定|詳細設定画面
詳細設定画面 --> |head設定|変更する
変更する --> ブログを編集
ブログを編集 --> |プレビュー|i{確認する}
i --> |OK|公開
i --> |NG|ブログを編集
</div>
本文中、上のように書くと、以下のように表示される
flowchart TB
HatenaBlogの管理画面 --> |設定|設定画面
設定画面 --> |詳細設定|詳細設定画面
詳細設定画面 --> |head設定|変更する
変更する --> ブログを編集
ブログを編集 --> |プレビュー|i{確認する}
i --> |OK|公開
i --> |NG|ブログを編集
これは便利。既出かな。
