Markdown

Links

References

• Mastering MarkDown (GitHub flavor)
• Hyperpolyglot - Markdown, reStructuredText, AsciiDoc, Mediawiki, Org-mode

Tools

• GRIP — an offline MarkDown viewer (see tip further down also)
• Markdown viewer and editor (GitHub flavor)
• mdBook Make MarkDown books

Review

• Why You Shouldn’t Use “Markdown” for Documentation

This author advocates instead AsciiDoc (using Asciidoctor), or reStructuredText (using Sphinx).

Reference

Flavors

There are at least 3 main Markdown flavors:

• Original flavor from John Gruber.
• GitHub flavor (with eg. syntax highlighting extension).
• Pandoc flavor.

Syntax

Links

This is a [link to Markdown](https://daringfireball.net/projects/markdown/).

Bullets

*   First bullet.
    - Sub-bullet one.
    - Another sub-bullet.
*   Second bullet.

Bullets must be separated from normal paragraph with a BLANK line:

A normal paragraph.

*   First bullet.
*   Second bullet. No need for blank line.

Continuation line require BLANK line as well:

*   First bullet.

    Continuation line, but will render badly.

*   Second bullet. No need for blank line.

A better way is to use
:

*   First bullet.
    <br/>Continuation line, better.
*   Second bullet. No need for blank line.

Tips

Preview standard MarkDown

Use markdown package.

sudo apt install markdown

Then, for instance, using entr:

echo README.md | entr sh -c 'markdown README.md > README.html'

This will generate a new README.html every time README.md is modified.

Preview Markdown before pushing to GitHub

Use the wonderful tool GRIP — GitHub README Instant Preview.

sudo apt install grip
cd /my/repo
grip                      # Now, open up browser to http://localhost:6419/

Comments in Markdown

We abuse link tags [1]:

[//]: # (This may be the most platform independent comment)

Align images

To center image on GitHub [2]:

<p align="center">
  <img width="460" height="300" src="http://www.fillmurray.com/460/300">
</p>

To left/right align:

<img align="left" width="100" height="100" src="http://www.fillmurray.com/100/100">
<img align="right" width="100" height="100" src="http://www.fillmurray.com/100/100">