VSCode markdown-pdf: Header, Footer Template 設定サンプルコード

Visual Studio Code (VSCode) 拡張機能 Markdown-pdf の Header Template, Footer Template の設定サンプルコードをご紹介します。

VSCode | Visual Studio Code

背景 markdown-pdf でヘッダー/フッターを挿入したい

VSCode 拡張機能 Markdown PDF にて各ページに Header, Footer を表示する設定を調べてみました。

Markdown-pdf: Header, Footer 設定方法

Markdown-pdf: Header Template

Markdown-pdf: Header Template
pdf only. HTML template for the print header.

に以下を設定します。

<div style="font-size: 9px; margin-left: 1cm;"><span>codenote.net</span></div> <div style="font-size: 9px; margin-left: auto; margin-right: 1cm; "><span>Confidential</span></div>

Markdown-pdf: Footer Template

Markdown-pdf: Footer Template
pdf only. HTML template for the print footer.

に以下を設定します。

<div style="font-size: 9px; margin: 0 auto;"> Copyright © codenote.net 2022 All rights reserved. - <span class='pageNumber'></span> / <span class='totalPages'></span></div>

以上、VSCode 拡張機能 Markdown-pdf の Header Template, Footer Template を設定した、現場からお送りしました。

参考情報