Markdown syntax memo

Named Anchors

Named anchors enable you to jump to the specified anchor point on the same page. <a name="abcde"/> before and </a> after the line you want to 'link' to. Then a markdown link like: [link text](#abcde) anywhere in the document takes you there.

 For example:

  * [Text Styling](#text-styling)
  * [Headers](#headers)
  * [Images](#images)


<a name="text-styling"/> Text Styling </a>

Links : [Title](URL) or add a title [Title](URL "Text displayed on hovering")
Image : ![alt](http://)
Bold : **Bold**
Italicize : *Italics*
Strike-through : ~~text~~ or <s>text</s>
Line break : Add two spaces to the end of the line
Lists : * or + or - for every new list item.
Quotes : > Quote
Inline Code : `alert('Hello World');`
Horizontal Rule (HR) : ___ or --- or *** (number 3 or more)
List :	* item
Blockquote : > quote
H1 : # Heading


<a name="headers"/> Headers </a>

Headers are set using a hash before the title. The number of hashes before the title text will determine the depth of the header. Header depths are from 1-6

H1 : # Header 1
H2 : ## Header 2
H3 : ### Header 3
H4 : #### Header 4
H5 : ##### Header 5
H6 : ###### Header 6


<a name="images"/> Images </a>

To insert an image into your post, you need to first type ![name](direct_link) into the Markdown editor panel.

Or just type ![]() This will create an image upload box in your preview panel (if supported by service you using).
To title your image, all you need to do is place the title text inbetween the square brackets, e.g; ![This is a title]() or alt title ![alt text](http://path/to/direct_link "Title"). Text between "" marks will be displayed when hovering your mouse on image.

Links
Create a link by surrounding the link text in square brackets, followed immediately by the URL in parentheses:

[text to link](http://example.com/)

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.

Line break

Insert two spaces in the end of the line, followed with paragraph.

Footnotes

Footnotes can be added to the body of your text using placeholders like this: [^1]. For example,

This is text with a footnote link at the end. [^1]
Alternatively you can use ‘n’ rather than numbers [^n] so you don’t have to worry about which number you are on. At the very end of your post, you can define your matching footnotes as shown below, URLs will be turned into links:

[^1]: This is my first footnote
[^n]: Visit http
[^n]: A final footnote


Lists: Simple
Creating simple lists is done by using plus, hyphens or asterisks as list markers. These list markers are interchangeable.

Markdown:

+ One
- Two
* Three

Lists: Nested
Nest a list requires you to indent by exactly four spaces.

Markdown:

+ One
+ Two
+ Three
    - Nested One
    - Nested Two


Tables are created by adding pipes as dividers between each cell, and by adding a line of dashes (also separated by bars) beneath the header. Note that the pipes do not need to be vertically aligned.

| Option | Description |
| ------ | ----------- |
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default.|
| ext    | extension to be used for dest files. |

Right aligned text
in tables

Adding a colon on the right side of the dashes below any heading will right align text for that column.

| Option | Description |
| ------:| -----------:|
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default.|
| ext    | extension to be used for dest files. |


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)

Writing Code

Inline code can be added using single back-ticks E.g. `alert('Hello World')`.

For code blocks, Ghost supports both standard markdown code blocks and the syntax from GitHub Flavored Markdown (GFM). Standard markdown works by indenting code lines with 4 spaces:

    <header>
        <h1>{{title}}</h1>
    </header>
GFM uses triple back-ticks ```

```
<header>
    <h1>{{title}}</h1>
</header>
```