ChatGPTで生成した図入りMarkdown文書をPDFにする

ChatGPTに相談したシステムの内容をお客様に説明するために、PDFで資料を作ろうとしました。
でも、ChatGPTで出力されたMarkdownにmermaidが含まれていますので、そのままVSCODEの拡張機能を使ってPDFに変換しても図の部分は文字のままなので、困っていました。

Cool Clineに相談しました

Cool Clineに、DeepSeep V3のAPIキーを登録して、試しました。

提案内容

Markdownの文書をスキャンして、図の部分2か所を一旦画像に変換して、Markdownの文書に画像を挿入するという流れで、解決してくれました。

インストールされたパッケージ

こちらのパッケージが、インストールされました。

npm install -g @mermaid-js/mermaid-cli

作業内容

graph TDから始まる部分を取り出して新しくテキストファイルに、貼り付けました。
そして、下記のように、画像に変換しました。

mmdc -i flow.mmd -o flow.png
Generating single mermaid chart
mmdc -i dashboard.mmd -o dashboard.png
Generating single mermaid chart

この後、Markdownの文書でgraph TDから始まる部分に、変換した画像のリンクを挿入してくれました。

そのあと私が、Markdown PDFというVSCODEの拡張機能を使い、PDFに出力しました。

図の部分は、ちゃんと画像になってPDFに掲載することができました。