Markdown

By Amr

Estimated reading time: 2 minutes

Edit on Github

Basic Syntax

Jekyll Markdown Quick Reference

Kramdown quickref

Write in simply awesome markdown

This is a demo of all styled elements in Jekyll Now.

View the markdown used to create this post.

This is a paragraph, it’s surrounded by whitespace. Next up are some headers, they’re heavily influenced by GitHub’s markdown style.

Header 2 (H1 is reserved for post titles)##

Header 3

Header 4

A link to Jekyll Now. A big ass literal link http://github.com/barryclark/jekyll-now/

An image, located within /images

an image alt text

  • A bulletted list
  • alternative syntax 1
  • alternative syntax 2
    • an indented list item
  1. An
  2. ordered
  3. list

Inline markup styles:

  • italics
  • bold
  • code()

Blockquote

Nested Blockquote

Syntax highlighting can be used by wrapping your code in a liquid tag like so:

{% highlight javascript %}
/* Some pointless Javascript */ var rawr = [“r”, “a”, “w”, “r”]; {% endhighlight %}

creates…

/* Some pointless Javascript */
var rawr = ["r", "a", "w", "r"];

Use two trailing spaces
on the right
to create linebreak tags

Finally, horizontal lines



```


####See below for how it beautifully renders in HTML 😉


layout: post title: Markdown Style Guide —

This is a demo of all styled elements in Jekyll Now.

View the markdown used to create this post.

This is a paragraph, it’s surrounded by whitespace. Next up are some headers, they’re heavily influenced by GitHub’s markdown style.

Header 2 (H1 is reserved for post titles)##

Header 3

Header 4

A link to Jekyll Now. A big ass literal link http://github.com/barryclark/jekyll-now/

An image, located within /images

an image alt text

  • A bulletted list
  • alternative syntax 1
  • alternative syntax 2
    • an indented list item
  1. An
  2. ordered
  3. list

Inline markup styles:

  • italics
  • bold
  • code()

Blockquote

Nested Blockquote

Syntax highlighting can be used by wrapping your code in a liquid tag like so:

{% highlight javascript %}
/* Some pointless Javascript */ var rawr = [“r”, “a”, “w”, “r”]; {% endhighlight %}

creates…

/* Some pointless Javascript */
var rawr = ["r", "a", "w", "r"];

Use two trailing spaces
on the right
to create linebreak tags

Finally, horizontal lines