Posted at

Markdown Preview EnhancedでPDF出力する。

VS CodeにインストールしたMarkdown Preview Enhancedで、PDF出力する方法のメモです。

Windows環境前提です。


Chromeをインストールする

Markdown Preview Enhancedをインストールして、[Chrome (Puppeteer)] -> [PDF]を選択しただけだと、このようなエラーになります。

TypeError [ERR_INVALID_ARG_TYPE]: The "file" argument must be of type string. Received type object

エラーを見ても全然意味がわかりませんが、

Documentation


You need to have the Chrome browser installed.


とあるので、Chromeをインストールします。


font-family を変更する

Chromeをインストールすると、PDFを出力できるようになったはずですが、俗に「中華フォント」と呼ばれるフォントで日本語が表示させてしまいます。

CSSを編集し、フォントを指定します。

~\.mume\style.less にCSSファイルがあるので、印刷用の設定を追加します。

@media print {

.markdown-preview.markdown-preview {
font-family: "MS PMincho";
}
}


PlantUML用のfont-family を変更する

前述のfont-familyの変更だけでは、Markdown内のPlantUML(svg)は変わりません。

svg textを追加します。

@media print{

.markdown-preview.markdown-preview, svg text {
font-family: "MS PMincho";
}
}