Powered by Markable.in

Markdown Syntax Cheat Sheet

Markable Dev BlogMay 14, 2012

This page lists all Markdown syntax that Markable supports. Because we use different engines to convert Markdown syntax in live preview and backend server, there're some syntax only supported on server side, that means they cannot be converted correctly in live preview.

For more details and explanations of the syntax, please visit Markdown Syntax Page.


Setext-style headers

Input:

This is an H1
=============

This is an H2
-------------

Output:

This is an H1

This is an H2


Atx-style headers

Input:

# Header 1 #
## Header 2 ##
### Header 3 ###             (Hashes on right are optional)
#### Header 4 ####
##### Header 5 #####
###### Header 6 ######

Output:

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Blockquotes

Input:

> This is the first level of quoting.
>
> > This is nested blockquote.
>
> Back to the first level.

Output:

This is the first level of quoting.

This is nested blockquote.

Back to the first level.


List

Input:

Unordered list 1

*   Red
*   Green
*   Blue

Unordered list 2

+   Red
+   Green
+   Blue

Unordered list 3

-   Red
-   Green
-   Blue

Ordered list 1

1.  Bird
2.  McHale
3.  Parish

Ordered list 2

1.  Bird
1.  McHale
1.  Parish

Ordered list 3

3.  Bird
2.  McHale
1.  Parish

Output:

Unordered list 1

Unordered list 2

Unordered list 3

Ordered list 1

  1. Bird
  2. McHale
  3. Parish

Ordered list 2

  1. Bird
  2. McHale
  3. Parish

Ordered list 3

  1. Bird
  2. McHale
  3. Parish

Emphasis

Input:

*single asterisks*

_single underscores_

**double asterisks**

__double underscores__

Output:

single asterisks

single underscores

double asterisks

double underscores


Input:

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

Output:

This is an example inline link.

This link has no title attribute.


Input:

<http://markable.in>

<hi@markable.in>

Output:

http://markable.in

hi@markable.in


Image

Input:

![Alt text](/path/to/img.jpg "Optional title")

![Google Logo](http://www.google.com.hk/intl/zh-CN/images/logo_cn.png)

![Alt text][id]
[id]: url/to/image  "Optional title attribute"

![Google Logo][googlelogo]
[googlelogo]: http://www.google.com.hk/intl/zh-CN/images/logo_cn.png 

Output:

Google Logo

Google Logo


Horizontal Rules

Input:

* * *
***
*****
- - -
---------------------------------------

Output:






Footnote

NOTE: Table syntax is only supported on server side.

Input:

Footnotes[^1] have a label[^label] and a definition[^!DEF].

[^1]: This is a footnote
[^label]: A footnote on "label"
[^!DEF]: The definition of a footnote.

Output:

Footnotes1 have a label2 and a definition3.


Table

NOTE: Table syntax is only supported on server side.

Input:

| Left align | Right align | Center align |
|:-----------|------------:|:------------:|
| This       |        This |     This     |
| column     |      column |    column    |
| will       |        will |     will     |
| be         |          be |      be      |
| left       |       right |    center    |
| aligned    |     aligned |   aligned    |

* Colon used for alignment (right versus left)

Output:

Left align Right align Center align
This This This
column column column
will will will
be be be
left right center
aligned aligned aligned

Code

Input:

`print` is a python method.

Output:

print is a python method.


Code Fencing

Use ``` to wrap code section and you won't need to indent manually to trigger a code block.

Input:

```
This is a code block.
No need to indent manually.
```

Output:

This is a code block.
No need to indent manually.

Tasklist

- [ ] Task 1
- [x] Task 2
- [x] Task 3

Output:


  1. This is a footnote 

  2. A footnote on "label" 

  3. The definition of a footnote.