How Can I Convert Github-Flavored Markdown To A PDF

Question

I have recently started learning Markdown for use with documentation, and need to print out a few of my Markdown pages. I would like to use a command-line, Terminal, etc. utility that allows me to convert Github-flavored Markdown to PDF. It needs to have proper syntax highlighting and should not look horrible. Thanks for any help.

Answer 1

I've had success using grip to display markdown in Chrome and then use Chrome's "Save as PDF" option in the Print dialog.

pip install grip  
grip your_markdown.md

grip will render the markdown on localhost:5000 or similar (ex: go to http://localhost:5000/) - just edit away and refresh the browser. Print when ready.

This gave a more reliable representation than pandoc and was lighter weight than installing latex (required by pandoc for pdf generation).

The print is not command-line in this answer, but still found this easier/more reliable (looked 100% like Github for a long document including relatively linked images and code highlighting).

Answer 2

You can also use Node.js based markdown-pdf

npm install -g markdown-pdf
markdown-pdf /path/to/markdown

Answer 3

Take a look at pandoc. It does have syntax highlighting. It might require you making (minor) changes to your document since it has its own flavour of markdown and I don't know how closely it matches the GitHub flavour.

Answer 4

There's an online converter available at http://www.markdowntopdf.com
This provides syntax highlighting out of the box and is the simplest solution I've seen so far. It also correctly handles other features specific to GFM e.g. tables.

Answer 5

Update 2021-11: The project was abandoned, the domain is now hosting ads or malware.

If the markdown file was hosted on github repository, gitprint was an interesting option to create pdf / print.

All you needed to do is to replace github.com by gitprint.com in the URL.

Unfortunately, it does not work on markdown gists, and works only with markdown files at the repository.

Answer 6

For those with Linux, use pandoc.

Install:

sudo apt install pandoc texlive-latex-extra

Yes, you need -extra package because of fonts.

Convert:

pandoc --from markdown -o output.pdf my-file.md

Answer 7

As I stated in my comment, Github uses Linguist to provide syntax highlighting. On Github, you can use this to specify syntax highlighting like so:

```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
```

Unfortunately, there's no good way to convert Markdown directly to a PDF file with syntax highlighting.

Alternatives:

Vim:

If you have vim, you can easily achieve syntax highlighting by running the following from a terminal:

vim -c hardcopy -c quit /path/to/file.ps

Or inside of vim:

:hardcopy >/path/to/file.ps

This will produce a PostScript file that can be converted to pdf using, for example, ps2pdf:

ps2pdf /path/to/file.ps

Source-highlight:

If you'd like instead to go the route of HTML or LaTeX, you could try Source-highlight instead. A list of all languages supported by Source-highlight can be found here.

A few example Source-highlight commands include:

source-highlight -s java -f html -i Hello.java -o Hello1.html
source-highlight -s java -f html --input Hello.java --output Hello2.html --doc
source-highlight -s java -f html -i Hello.java -o Hello3.html --title "Happy Java with java2html :-)" --tab 3

Using this input file

And each outputting their own respective HTML file:

Hello1.html
Hello2.html
Hello3.html

Further examples of Source-highlight usage can be found here

Windows:

Vim, ps2pdf (provided by Ghostscript) and Source-highlight are all available via Cygwin.

Answer 8

I had the most luck with VSCode and the Markdown PDF extension. The online converters screwed up the encoding for my files or inserted watermarks in the header.

Usage:

1. Install the extension
2. Open your MD file with VSCode, make sure Markdown highlighting is enabled
3. Open the command palette (F1), type export and select markdown-pdf: Export (pdf)

NB: The extension installs and uses a local version of Chromium in the background.

There are several options to control formatting, they are all explained on the website linked above

Answer 9

I'm still looking for a command-line solution which produces results this high-quality [Update: I came up with a pandoc command which uses CSS for formatting, and looks pretty good: pandoc -f gfm -t html5 --metadata pagetitle="test.md" --css github.css test.md -o test.pdf--see my other answer here now!], but:

My preferred technique, because it looks so good, is to use the Markdown Viewer plugin in Chrome. It works really well, and looks surprisingly similar to GitHub markdown! Just open your markdown file in Chrome with this plugin installed and activated, then use the menus to print and save as a PDF right from Chrome.

Markdown Viewer boasts the following features (emphasis added):

✔ Renders local and remote URLs
✔ Granular access to remote origins
✔ Multiple markdown parsers
✔ Full control over the compiler options
✔ Themes (including GitHub theme)
✔ GitHub Flavored Markdown (GFM)
✔ Auto reload on file change
✔ Syntax highlighted code blocks
✔ Table of Contents (TOC)
✔ MathJax and Emoji support
✔ Remembers scroll position
✔ Markdown Content-Type detection
✔ URL detection using RegExp
✔ Toggle Content Security Policy (CSP)
✔ Override page encoding
✔ Settings synchronization
✔ Raw and rendered markdown views
✔ Free and Open Source

Example Markdown file

Here is a sample markdown file, which is a snippet from my example markdown demo file in my project here:

test.md:

## 1.1. Align images left, right, or centered, with NO WORD WRAP:

This:

```html
**Align left:**
<p align="left" width="100%">
    <img width="33%" src="https://i.stack.imgur.com/RJj4x.png"> 
</p>

**Align center:**
<p align="center" width="100%">
    <img width="33%" src="https://i.stack.imgur.com/RJj4x.png"> 
</p>

**Align right:**
<p align="right" width="100%">
    <img width="33%" src="https://i.stack.imgur.com/RJj4x.png"> 
</p>
```

Produces this:

**Align left:**
<p align="left" width="100%">
    <img width="33%" src="https://i.stack.imgur.com/RJj4x.png"> 
</p>

**Align center:**
<p align="center" width="100%">
    <img width="33%" src="https://i.stack.imgur.com/RJj4x.png"> 
</p>

**Align right:**
<p align="right" width="100%">
    <img width="33%" src="https://i.stack.imgur.com/RJj4x.png"> 
</p>

If you'd like to set the text itself to left, center, or right, you can include the text inside the `<p>` element as well, as regular HTML, like this:

```html
<p align="right" width="100%">
    This text is also aligned to the right.<br>
    <img width="33%" src="https://i.stack.imgur.com/RJj4x.png"> 
</p>
```

Markdown Viewer output:

The above markdown file produces this output directly in my Chrome browser when viewed with the Markdown Viewer plugin installed and on. Notice it has language-aware syntax highlighting for code blocks, nice-looking, greyed code backgrounds, and reasonable column widths for output content.

Its output looks really nice, and is almost identical to GitHub's markdown output!

It supports themes too. See the "GitHub" theme is selected here, for instance. Just click the little m plugin icon in the top right of your Chrome browser to choose Markdown Viewer settings you want:

---

grip output:

Contrast this to the output from grip, which I think doesn't look nearly as good. grip doesn't have syntax highlighting for code blocks, greyed background for code, nor reasonable column widths for the output content. On a wide monitor, it takes up the whole width.

On Linux Ubuntu:

sudo apt update
sudo apt install grip
grip test.md

Then Ctrl + click on the url it gives you, to open the output in your browser. Ex: at http://localhost:6419/. Here's the grip-rendered output I see in Chrome:

See also:

1. [my answer] How to convert Markdown + CSS -> PDF?

Answer 10

I have recently created a service to convert markdown documents to PDF. It supports Github flavoured markdown as well as syntax highlighting. The service is located at: http://markdown2pdf.com

Answer 11

I refined this snippet for my personal needs:

# sudo apt install grip wkhtmltopdf

MD=${1:-README.md}
PDF=${2:-"$MD".pdf}
PORT=8971
DELAY=10

printf "Converting $MD to $PDF on port $PORT\n"
printf "Waiting $DELAY seconds for server to start...\n"

grip "$MD" localhost:$PORT &
sleep $DELAY
wkhtmltopdf http://localhost:$PORT "$PDF"
kill $(ps -eo pid,command | grep grip | grep -v grep | awk '{print $1}')

Save as /usr/local/bin/md2pdf and sudo chmod +x /usr/local/bin/md2pdf afterwards.

Usage:

• md2pdf converts README.md to README.md.pdf

• md2pdf foo.md converts foo.md to foo.md.pdf

• md2pdf foo.md bar.pdf converts foo.md to bar.pdf

Answer 12

Mine solution: convert markdown with pandoc to html (don't forget to use css for pandoc to show table borders), then open it with libreoffice, choose an option export as pdf.

NB: neither of mentioned here and on the Internet solutions worked for me: 1) browser-based solutions (i.e. grip) are adding excess info, like page numbers, which I didn't manage to remove, 2) pandoc convertage to pdf is broken, for me it generates an empty table (perhaps because of unicode, and yes, I configured it to use xetex), 3) site based solutions (i.e. gitprint.com) are also adding redundant things, like github-like margins, whereas I need just a simple table I generated with awk!

Answer 13

I have tried several chrome plugins and online converters.
MDtr2PDF is the best one. It supports Github-flavoured-markdown and unicode.

Answer 14

I just convert from HTML instead. This works for my needs:

https://github.com/dompdf/dompdf

I found that in general Markdown is not a good format to convert to PDF, as it doesnt have native CSS support. Here is the script I use:

<?php
require 'dompdf/autoload.inc.php';
use Dompdf\Dompdf;

$dompdf = new Dompdf();
$dompdf->getOptions()->setIsFontSubsettingEnabled(true);
$s_in = file_get_contents('index.html');
$dompdf->loadHtml($s_in);

$dompdf->render();
$s_out = $dompdf->output();
file_put_contents('index.pdf', $s_out);

This solution just needs PHP (25 MB) and DomPdf (4 MB), so quite lightweight compared to other options.

Answer 15

MDPDF - Markdown to PDF converter.

A command line markdown to pdf converter with support for page headers, footers, and custom stylesheets. Mdpdf is incredibly configurable and has a JavaScript API for more extravogant usage.

Installation

Install globally to use from the command line:

npm install mdpdf -g

Usage

$ mdpdf --help

Usage:
   $ mdpdf <source> [<destination>] [options]

<source> must be a markdown file, with the extension '.md'.

Examples:
   $ mdpdf README.md
   $ mdpdf README.md --style=styles.css --header=header.hbs --h-height=22mm
   $ mdpdf README.md --footer=footer.hbs --f-height=22mm --debug
   $ mdpdf README.md --border-left=30mm

Options:
   --style=<filename>           A single css stylesheet you wish to apply to the PDF
   --header=<filename>          A HTML (.html) file to inject into the header of the PDF
   --h-height=<height>          The height of the header section
   --footer=<filename>          A HTML (.html) file to inject into the footer of the PDF
   --f-height=<height>          The height of the footer section
   --border=<size>              Border (top, left, bottom, right; default: 20mm)
   --border-top=<size>          Top border (default: 20mm)
   --border-left=<size>         Left border (default: 20mm)
   --border-bottom=<size>       Bottom border (default: 20mm)
   --border-right=<size>        Right border (default: 20mm)
   --gh-style                   Enable default gh-styles, when --style is used
   --no-emoji                   Disables emoji conversions
   --no-highlight               Disables syntax highlighting
   --debug                      Save the generated html for debugging
   --help                       Display this menu
   --version                    Display the application version
   --format=<format>            PDF size format: A3, A4, A5, Legal, Letter, Tabloid (Default: A4)
   --orientation=<orientation>  PDF orientation: portrait or landscape (Default: portrait)

  Length parameters (<height> and <size>) require a unit. Valid units are mm, cm, in and px.

Global Settings:
      You can also set a global default stylesheet by setting the MDPDF_STYLES environment variable as the path to your single css stylesheet. The --style flag will override this.