I use this page to test how GitHub Flavored Markdown gets rendered with my site’s current design. This contains samples of all the various features I use.

Headers

H1

H2

H3

H4

H5
H6

Base Styles

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed interdum volutpat enim, vel dictum mi ultricies in. Praesent et ante id diam consequat vehicula. Donec placerat magna tristique urna pretium rutrum. Donec aliquet imperdiet ante id viverra. Vivamus ullamcorper, mi sed cursus tincidunt, urna nisl commodo neque, sit amet mollis sem massa at justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed iaculis est non laoreet venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Lists

  1. First ordered list item
  2. Another item
  • Unordered sub-list.
  1. And another item.
  2. Ordered sub-list

indented paragraphs within list items. Note the blank line above, and the leading spaces.

line break in paragraph

  • Unordered list
  • with a couple elements

Definition Lists

inline-style link

inline link with title

arbitrary link as reference text

relative reference to a repository file

Numbers for reference-style link definitions

use the link text itself

Intermediate text as placeholder after links before references.

Images

Inline-style:

alt text

Reference-style:

alt text

Code and Syntax Highlighting

Inline code with some extra text

fn main {
  println!("rust syntax highlighting");
}
var s = "JavaScript syntax highlighting";
alert(s);
s = "Python syntax highlighting"
print s
No language indicated, so no syntax highlighting in Markdown Here (varies on Github).
But let's throw in a <b>tag</b>.

Tables

TablesAreCool
col 3 isright-aligned$1600
col 2 iscentered$12
zebra stripesare neat$1
Stillrendersnicely
123

Blockquotes

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

Quote break.

This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.

Horizontal Rule


Embedded YouTube Videos

They can’t be added directly but you can add an image with a link to the video like this:

<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE
" target="_blank"><img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg"
alt="IMAGE ALT TEXT HERE" width="240" height="180" border="10" /></a>

Or, in pure Markdown, but losing the image sizing and border:

[![IMAGE ALT TEXT HERE](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)

Mathjax

$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$