Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Jekyll Markdown Quick Reference

#Jekyll Markdown Quick Reference

####Write in simply awesome markdown

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](https://raw.githubusercontent.com/barryclark/www.jekyllnow.com/gh-pages/_posts/2014-6-19-Markdown-Style-Guide.md).

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](http://github.com/barryclark/jekyll-now/). A big ass literal link <http://github.com/barryclark/jekyll-now/>
  
An image, located within /images

![an image alt text]({{ site.baseurl }}/images/jekyll-logo.png "an image title")

* 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...

{% highlight javascript %}
/* Some pointless Javascript */
var rawr = ["r", "a", "w", "r"];
{% endhighlight %}
 
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]({{ site.baseurl }}/images/jekyll-logo.png "an image title")

  • 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...

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

Use two trailing spaces
on the right
to create linebreak tags

Finally, horizontal lines



@kave-me

This comment has been minimized.

Copy link

kave-me commented Jun 25, 2019

what about internal links?

@peteroneilljr

This comment has been minimized.

Copy link

peteroneilljr commented Aug 21, 2019

Internal linking for a TOC would be nice.

@ArikVoronov

This comment has been minimized.

Copy link

ArikVoronov commented Feb 13, 2020

Thanks , this is very helpful!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.