Merge pull request #169 from OUCC/blog/2024-12-21-Mermaid-to-pdf-update

2024-12-21の追記・修正
OUCC · Dec 23, 2024 · a78cb45 · a78cb45
2 parents 0152eb6 + e1cb4f3
commit a78cb45
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/content/blog-metas/2024-12-21-mermaid-to-pdf.json b/src/content/blog-metas/2024-12-21-mermaid-to-pdf.json
@@ -1,3 +1,4 @@
 {
-  "postDate": "2024-12-22T08:18:17.106Z"
+  "postDate": "2024-12-22T08:18:17.106Z",
+  "updateDate": "2024-12-23T13:24:42.943Z"
 }
diff --git a/src/content/blogs/2024-12-21-Mermaid-to-pdf.mdx b/src/content/blogs/2024-12-21-Mermaid-to-pdf.mdx
@@ -18,12 +18,18 @@ import svg from '2024-12-21-Mermaid-to-pdf/sample.svg'
 
 この記事は[OUCC Advent Calendar 2024](https://adventar.org/calendars/10655)の21日目の記事です。
 
+## 追記
+[mermaid-cli](https://github.com/mermaid-js/mermaid-cli)を使って、
+```bash
+mmdc --pdfFit -i input.mmd -o output.pdf
+```
+で行けました。
+[みやじ](https://oucc.org/blog/authors/miyaji/)さんに教えていただきました。ありがとうございます。
+
 ## 記事作成後の気づき
 [SVGからPDFへの変換はHeadless Chromeでやろう（と思ったけどやっぱりrsvg-convertでやろう）](https://qiita.com/s417-lama/items/747be70c35204d4e1b39#headless-chrome)の最後にも書いてありましたが、Headless Chromeを使うと、ラスタ画像になっていました。~~(ちゃんと読んでないのが悪い)~~ これでは、この記事の目的は達成できていません。(ラスター画像なら、[mermaid-cli](https://github.com/mermaid-js/mermaid-cli)で作成できる。)
 →svgファイルをいじって、ほかの方法で文字が表示されるようにするしかない？
 
-ほかの方法で変換できれば記事を更新します。
-
 ---
 
 試した手法とその結果も載せています。
@@ -71,9 +77,9 @@ Mermaidのみを、ファイルに書き、[mermaid-cli](https://github.com/merm
 <details>
 <summary>サンプル</summary>
 
-Mermaidファイルの記述
+Mermaidファイル(sample.mmd)の記述
 
-```sample.mmd
+```mermaid
 graph TD
 a-->b
 a-->c
@@ -82,7 +88,7 @@ c-->e
 d-->e
 ```
 
-Mermaid
+sample.mmdの出力内容
 <Image src={svg} alt=""/>
 
 PDF