Sakura

Markdown

mashiro 2019-11-09 8 521 Views

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

1 Comment

    Replying to
    @
    Cancel Reply
    face
    link
    Copyright