h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading

Horizontal Rules




Emphasis

This is bold text

This is bold text

This is italic text

This is italic text

Strikethrough

Blockquotes

Blockquotes can also be nested...

...by using additional greater-than signs right next to each other...

...or with spaces between arrows.

Lists

Unordered

Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa

Or:

  1. You can use sequential numbers...
  2. ...or keep all the numbers as 1.

Start numbering with offset:

  1. foo
  2. bar

Loose lists?

Code

Inline code

Indented code

// Some comments
line 1 of code
line 2 of code
line 3 of code

Block code "fences"

Sample text here...

Syntax highlighting

var foo = function (bar) {
	return bar++
}

console.log(foo(5))

Tables

TagUse
pParagraph
tableTable
emEmphasis

Left/right aligned columns

ProjectStars
React80 759
Vue.js73 322
sse-channel50

Links

Espen.Codes

Sanity

Autoconverted link https://github.com/remarkjs/react-markdown

Link references

Images

React Markdown Mead

Like links, Images also have a footnote style syntax

Alt text

With a reference later in the document defining the URL location:

Hard breaks

Yeah, hard breaks
can be useful too.

HTML entities

Some characters, like æ, & and similar should be handled properly.

HTML

Does anyone actually like the fact that you can embed HTML in markdown?

, as long as it doesn't contain any attributes. If you have weird ordering on your tags, it won't work either. It does support nested tags, however. And with the rehype-raw plugin, it can now properly handle HTML! Which is pretty sweet.



Cool, eh?