Jekyll Markdown Quick Reference¶
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
- A bulletted list
- alternative syntax 1
- alternative syntax 2
-
an indented list item
-
An
- ordered
- 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...
{% highlight javascript %} /* 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 😉¶
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
- A bulletted list
- alternative syntax 1
- alternative syntax 2
-
an indented list item
-
An
- ordered
- 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...
{% highlight javascript %} /* Some pointless Javascript */ var rawr = ["r", "a", "w", "r"];
Use two trailing spaces on the right to create linebreak tags
Finally, horizontal lines