Render github-flavored markdown (GFM) in emacs using `pandoc`

emacs-gfm.md

Command line usage

pandoc pandoc --quiet -f gfm -s somefile.md

What the options mean:

1. --quiet: supress "[WARNING] This document format requires a nonempty <title> element."
2. -f gfm: input format is Github Flavored Markdown
3. -s: create standalone HTML5 with the formatting magic embedded in it
4. somefile.md: the actual document you want to render

Emacs integration

In your init file

Using custom

1. M-x customize-variable RET markdown-command RET
2. Enter pandoc --quiet -f gfm -s in box like so:

For help using this buffer, see [Easy Customization] in the [Emacs manual].

                                         [ Search ]

Operate on all settings in this buffer:
[ Revert... ] [ Apply ] [ Apply and Save ]

Hide Markdown Command: pandoc --quiet -f gfm -s
   [ State ]: SAVED and set.
   Command to run markdown.
Groups: [Markdown]

Some correction needed:

• Old pandoc don't support gfm. Apparently, 2.0 supports it and can be compiled and installed easily on Ubuntu 18.04 using the "stack" method.
• Old and new pandoc don't support --quiet.
• Pandoc complains of a lack of title to stderr, and emacs just dumps that at the beginning of the generated document.

For those 3 reasons, I used the command below:

pandoc --metadata=title:Remember_to_add_a_title_as_gfm_requires -f gfm -s 

It's stuck after I type this command!

pandoc --metadata=title:Remember_to_add_a_title_as_gfm_requires -f gfm -t pdf -s -o test.pdf

EDIT:

If I use test.md at the end, it works fine...

pandoc --metadata=title:Remember_to_add_a_title_as_gfm_requires -f gfm -t pdf -s -o test.pdf test.md

Sir can we embed HTML codes in .md file to use it in pdf!??

Here's a demo:

    # How to create a website from scratch

    First of all, we have to learn some native languages:

    1. **HTML** (**H**yper-**t**ext **M**arkup **L**anguage)
    2. **CSS** (**C**ascading **S**tyle**s**heet)
    3. **JS** (**J**ava**S**cript)


   ```js
   const body = document.querySelector("body");

   body.innerHTML = "HELLO, WORLD!";

<img src="./img.jpg" width="20px" alt="Badass coding!" />