HTML that looks like markdown

When this section is styled by markdown.css it looks like plain-text, despite being HTML. Inspect it with firebug or click on <HTML/> to see the markup.

A strong tag and an em tag get styled like so.

How about a link to my site?

H2 header

Lists

  • they look like this
  • it’s how you’d format them in pure markdown, if you took the time to indent when it wrapped to a new line.

Ordered lists

  1. here’s one line from a numbered list
  2. here’s another
  3. in markdown, the actual numbers don’t matter—you can toggle this with the class markdown-ones

Block quotes

This is a blockquote that extends
to multiple lines.

With repeating email-style angle brackets.

Code blocks

(function() {
  console.log('code blocks indent four spaces');
})()

Different headers

h4 header

h5 header
h6 header

That’s an hr above. It just works!

However, images will still look like images. Deal with it.

kitten

Made by Mashiro /
aka @2hengxin /
code on github