Visual Studio Code (VSCode) 拡張機能 Markdown-pdf の Header Template, Footer Template の設定サンプルコードをご紹介します。
背景 markdown-pdf でヘッダー/フッターを挿入したい
VSCode 拡張機能 Markdown PDF にて各ページに Header, Footer を表示する設定を調べてみました。
- README (en): markdown-pdf.headerTemplate, markdown-pdf.footerTemplate - README.md
- README (ja): markdown-pdf.headerTemplate, markdown-pdf.footerTemplate - README.ja.md
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 を設定した、現場からお送りしました。