はてなブログで使えなくなっていたmermaid.jsの設定を見直した件

unpkg.comのmermaid.jsのURLが404エラーになっていたという話です

最近、Google Search Consoleで、自分のはてなブログの品質がよろしくないという警告が出ており、調べるうちに以前の記事

mudamon.hatenablog.com

で紹介した設定の、mermaid.jsの読み込み元へのアクセスができなくなっていました。

黄色い部分がリンク切れとなっています。

つまり、最新版として設定されていたURLが無効になっていました。

今後このURLが復活するかもしれませんが、この際なので別のCDNサービスに変更してみます。

候補は色々ありますが、今回はjsDelivrにしてみました。

https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js

設定は、こんな感じです

またmermaid記法が表示されるようになりました

cssも修正しないとと思って調べていたら、以下の記事を見つけたので調査終了です。

はてなブログでmermaidの図を描く - はしくれエンジニアもどきのメモ