## 事象 コードブロックを利用して [[Mermaid]] で図を描いたところ、ローカルではレンダリングされるが、[[Obsidian Publish]] ではエラーになる。 ## エラーになる例 [[Mermaid]] のコード: ``` graph LR subgraph 社内の営業研修 i01([事前課題]) -- 講義・ワーク --> o02([次試したいこと]) end ``` ローカルのノートでの見え方: ![HF_SS.png|200](https://cdn-ak.f.st-hatena.com/images/fotolife/m/masatora_bd5/20240112/20240112171659.png) <span class="mxt-caption"> ▲ ローカルノートでは意図通りに見えるが……</span> [[Obsidian Publish]] で公開したサイトでの見え方: ![HF_SS.png|450](https://cdn-ak.f.st-hatena.com/images/fotolife/m/masatora_bd5/20240112/20240112171814.png) <span class="mxt-caption"> ▲ Publishすると怖い感じになっている</span> ## 対応ログ 原因は`・`(中黒)にある。対応方法は - 中黒をやめて他の字にする(たとえば「や」にする) - クォートする ``` graph LR subgraph 社内の営業研修 i01([事前課題]) -- "講義・ワーク" --> o02([次試したいこと]) end ``` <span class="mxt-caption"> ▲ 特殊文字の解釈が、ローカルとPublishでは違うみたい</span> ローカルとPublishではレンダリングエンジンが異なる様子。