Markdown templates for PDF page in MPE

Purpose

The project presents the markdown templates for MPE (Markdown Preview Enhanced) extension to generate PDF pages with header, footer and page break via with Chrome (puppeteer). The settings are demonstrated in the front matter of markdown file.

Editor and extension are listed as following:

• VS code

• Markdown Preview Enhanced

Usage

1. clone or copy the .md files to the local folder

2. use or change the front matter settings in md file.

3. if you want to generate header with a different logo,

   • use a tool to convert the logo image to a base64 string
   • replace this string in the template with logos.

Template with Logo header : avoid messy format

• The long base64 string make the file looks messy. The solution is to use two files.

  • input the content in another file, e.g. document_content.md

  • define the header, footer and title in header file

  • use "@import" in the header file to import the content.

Files

1. simple_header_footer.md template with title in header, and page number in footer.

   • pdf file

   • 

2. complex_header_footer.md: template with title/version in header, date/copyright/page number in footer

   • pdf file

   • 

3. vscLogo_header_footer.md: adds the VS code logo.

   • pdf file

   • 

4. document_content.md separate file for the content input, used with the logo templates

Reference

This project is inspired by the following projects and issue discussions.

1. Github: tmori3y2's project: mpe-puppeteer-header-footer-example

2. Github: Headers/Footers on PDF! · Issue #1028