🐱

neovimのmarkdown-previewで最新のMermaidJSを使いたい

2025/02/10に公開

MermaidJSのV11系でアーキテクチャ図が簡単に記述できるようになったのですが、私のNeovimのMarkdownのPreview環境では最新バージョンが使えなかったので、アップデートしました。

今回のアップデートはSanoさんの記事を参考にさせていただきました。
Sanoさんの神記事

MermaidJs最新化手順

  1. mermaid.min.jsのダウンロード
    まずは、以下のコマンドでmermaid.min.jsをダウンロードしてください。

    wget https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.min.js
    
  2. ファイルの置き換え
    ダウンロードしたmermaid.min.jsを、以下のディレクトリに置き換えます。

    \AppData\Local\nvim\plugged\markdown-preview.nvim\app\_static
    
  3. MarkdownPreviewの起動
    MarkdownPreviewを開いてください。

  4. コマンド実行
    最後に、コマンドモードで :MarkdownPreview と入力して実行すれば完了です!

Accenture Japan (有志)

Discussion