Headings

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

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

If you paste in a URL, like http://ghost.org- it'll automatically be linked up. But if you want to customise your anchor text, you can do that too! Here's a link to the Ghost website.

Quotes

When you want to add a quote in Markdown, it’s exactly the same as the formatting which you may already be familiar with from your email app of choice when you reply to someone. Prefixing the line with a >converts it into a block-quote.

Ghost is a fully open source, hackable platform for building and running a modern online publication. We power blogs, magazines and journalists from Zappos to Sky News.

Images

You can upload images using the Image card. You can choose from three image width options: normal, wide, and full.

JavaScript in progress
Photo by Clément H / Unsplash
what’s going on here
Photo by John Schnobrich / Unsplash
Searching
Photo by Kobu Agency / Unsplash

You can also upload images using the Gallery card. Supports up to 9 images. Max 3 images per row.

List Types

Unordered List

  • Item number one
  • Item number two
  • A nested item
  • A nested item
  • A final item

Ordered List

  1. Item number one
  2. Item number two
  3. A nested item
  4. A nested item
  5. A final item

Table

Table Header 1 Table Header 2 Table Header 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

Video

Footnotes

Footnotes can be added to the body of your text using placeholders like this: [^1]or [^note]coupled with the note text at the end of the document. For example:


Here is a footnote reference,[1]and another.[2]

  1. Here's the footnote. ↩︎
  2. Here's one with multiple blocks. ↩︎

Working with Code

Code can be presented inline, like <code>. Indenting by 4 spaces will turn an entire paragraph into a code-block.

pre {
  background-color: #f4f4f4;
  max-width: 100%;
  overflow: auto;
}
.awesome-thing {
    display: block;
    width: 100%;
}

That should be enough to get you started. Have fun!