Markdown Cheatsheet
Quick reference guide for Markdown syntax including basic formatting, Jekyll-specific features, and Kramdown extensions
Table of Contents
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…
/* 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…
/* Some pointless Javascript */
var rawr = ["r", "a", "w", "r"];Use two trailing spaces
on the right
to create linebreak tags
Finally, horizontal lines