Markdown cheat sheet

Markdown is a practical way to edit web pages.

Basics

Formatting text:

Normal *italic* **bold** `code`

Making a list:

* item one
* item two
* item three

Making an ordered list:

1. item one
2. item two
3. item three

Making a heading:

# Heading 1
## Heading 2
### Heading 3

Making quotes:

> Here's a quote
>> Here's a quote of a quote
>>> Here's a quote of a quote of a quote

Making links:

[Link to page](/help/how-to-make-a-website)  
[Link to website](https://datenstrom.se)  
http://commonmark.org

Adding an image:

![image](picture.jpg)
![image](picture.jpg "Picture")
![image](picture.jpg "This is an example image")

Adding an image, alternative format:

[image picture.jpg]
[image picture.jpg Picture]
[image picture.jpg "This is an example image"]

Extras

Making tables:

| Coffee     | Milk | Strength |
|------------|------|----------|
| Espresso   | no   | strong   |
| Macchiato  | yes  | medium   |
| Cappuccino | yes  | weak     |

Making footnotes:

Text with a footnote[^1] and some more footnotes.[^2][^3]

[^1]: Here's the first footnote
[^2]: Here's the second footnote
[^3]: Here's the third footnote

Making paragraphs:

Here's the first paragraph. Text can span over several lines
and can be separated by a blank line from the next paragraph.

Here's the second paragraph.

Making line breaks:

First line⋅⋅
Second line⋅⋅
Spaces at the end of the line are shown with dots (⋅)

Formatting source code, see highlighting source code:

```
var ready = function() 
{
    console.log("Hello world");
    // Add more JavaScript code here
}
window.addEventListener('load', ready, false);
```

Using HTML, see content restrictions:

<div class="custom">
<strong>Text with HTML</strong> can be used optionally.
<a href="https://datenstrom.se">Link to website</a>.
</div>

And of course emoji, see emoji cheat sheet:

:smile: 
:heart: 
:coffee:

Shortcuts

[image picture.jpg Picture - 50%] = add image thumbnail
[gallery photo.*jpg - 20%] = add image gallery
[slider photo.*jpg] = add image gallery with slider
[youtube fhs55HEl-Gc] = embed Youtube video
[vimeo 13387502] = embed Vimeo video
[soundcloud 101175715] = embed Soundcloud audio
[twitter datenstromse] = embed Twitter messages
[instagram BISN9ngjV2-] = embed Instagram photo
[googlecalendar en.swedish#holiday] = embed Google calendar
[googlemaps Stockholm] = embed Google maps
[blogrecent /blog/] = show recent blog pages
[wikirecent /wiki/] = show recent wiki pages
[fa fa-envelope-o] = show icons and symbols
[ea ea-smile] = show emoji and colorful images
[yellow] = show information about website
[toc] = show table of contents
[--more--] = add page break

Settings

Title = page title
TitleContent = page title shown in content
TitleNavigation = page title shown in navigation
TitleHeader = page title shown in web browser
Description = page description
Keywords = page keyword(s), comma separated
Author = page author(s), comma separated
Language = page language
Theme = page theme
Template = page template
TemplateNew = page template for creating a new page
Parser = page parser
Modified = page modification date, YYYY-MM-DD format
Published = page publication date, YYYY-MM-DD format
Tag = page tag(s) for categorisation, comma separated
Redirect = redirect to a new page or URL
Status = status for workflow, for example draft, hidden
Navigation = page navigation
Sidebar = page sidebar
Sitename = name of the website
Siteicon = icon of the website
Tagline = slogan of the website
Email = email of the webmaster