Markdown

From miki
Revision as of 13:20, 12 November 2019 by Mip (talk | contribs) (→‎Syntax)
Jump to navigation Jump to search

Links

References
Tools
Review
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">