Examples

Lists

Ordered

• A
  • A1
• B
  • B1
  • B2
    • B21
• C

Numbered

1. A
2. B
3. C

Mixed

1. First ordered list item
2. Another item

• Unordered sub-list.

1. Actual numbers don't matter, just that it's a number

2. Ordered sub-list

3. And another item.

   You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).

   To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅ Note that this line is separate, but within the same paragraph.⋅⋅ (This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)

• Unordered list can use asterisks

• Or minuses

• Or pluses

Icons

🏗 :building_construction:

🏭 :factory:

🏘 :houses:

https://github.com/markdown-it/markdown-it-emoji/blob/master/lib/data/full.json

Containers

TIP

This is a tip

WARNING

This is a warning

WARNING

This is a dangerous warning

DETAILS

This is a details block, which does not work in IE / Edge

SOME TITLE

Danger Container

Click here to show code

let var = [1, 2, 3];

Tables

Markdown

This	Is	A	Table
Row 1 Col 1	Row 1 Col 2	Row 1 Col 3	Row 1 Col 4
Row 2 Col 1	Row 2 Col 2	Row 2 Col 3	Row 2 Col 4
Row 3 Col 1	Row 3 Col 2	Row 3 Col 3	Row 3 Col 4

HTML

Col 1	Col 2	Col 3
Row 1	ABC	123
Row 2	ABC	123
Row 3	ABC	123

Emphasis

Emphasis, aka italics, with asterisks or underscores.

Strong emphasis, aka bold, with asterisks or underscores.

Combined emphasis with asterisks and underscores.

Strikethrough uses two tildes. Scratch this.

Code

Inline

Inline code has back-ticks around it.

Block

var s = "JavaScript syntax highlighting";
alert(s);

s = "Python syntax highlighting"
print s

No language indicated, so no syntax highlighting. 
But let's throw in a <b>tag</b>.

Line Highlighting

export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}

Line Numbers

# H1
## H2
- 123
- 456
- 789

# H1
## H2
- 123
- 456
- 789