Markdown Helper

Here's a simple reference guide to help you get started if you've never used Markdown before. There are other elements used in Markdown, but what's listed below should be enough for most blog posts and pages.

Basic text formatting

**Bold text**
*Italic text*
[This is a link](https://example.com)

Bold text

Italic text

This is a link

Headings

# H1 heading (used for page/post titles)
## H2 heading (for breaking up posts/pages)
### H3 heading (for sub-headings within H2)
#### H4 heading (no idea why you would use these, but you can 🤷🏻‍♂️)

H1 heading (used for page/post titles)

H2 heading (for breaking up posts/pages)

H3 heading (for sub-headings within H2)

H4 heading (no idea why you would use these, but you can 🤷🏻‍♂️)

Lists

* Generic list item
* Generic list item
* Generic list item

1. Numbered list item
2. Numbered list item
3. Numbered list item

• Generic list item
• Generic list item
• Generic list item

1. Numbered list item
2. Numbered list item
3. Numbered list item

Quotes

> This is a blockquote

> This is a blockquote with a citation
>
> <cite>-- Some person</cite>

This is a blockquote

This is a blockquote with a citation

-- Some person

Tables

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John     | Doe      | Male     |
| Mary     | Smith    | Female   |

You don't have to align the columns, this works too...

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John | Doe | Male |
| Mary | Smith | Female |

Images

![Test image](/content/images/markdown-helper/test-image.png)

![Test image](/content/images/markdown-helper/test-image.png)
*This is a test image with a caption*

This is a test image with a caption

Displaying code

You can display inline code `like this`.

Or you can display a block of code, like this:

```
body {
  background: #fff;
}
```

You can display inline code like this.

Or you can display a block of code, like this:

body {
  background: #fff;
}