Headers

Markdown InputRendered Display

# Level 1 Header (H1)
## Level 2 Header (H2)
### Level 3 Header (H3)
#### Level 4 Header (H4)
##### Level 5 Header (H5)
            

Level 1 Header (H1)

Level 2 Header (H2)

Level 3 Header (H3)

Level 4 Header (H4)

Level 5 Header (H5)

Lists

Markdown InputRendered Display
Unordered lists

Asterisks, plus signs or dashes:


* Red
* Green
* Blue  

sample text

+ Red
+ Green
+ Blue

sample text

- Red
- Green
- Blue
            
  • Red
  • Green
  • Blue

sample text

  • Red
  • Green
  • Blue

sample text

  • Red
  • Green
  • Blue
Ordered lists

1. Bird
2. McHale
3. Parish
            

sample text

  1. Bird
  2. McHale
  3. Parish
Definition lists

Term
: Definition
            
Multiple definitions

Term
: Definition 1
: Definition 2
            
Multiple terms

Term 1
Term 2
: Definition
            
Term
Definition
Term
Definition 1
Definition 2
Term 1
Term 2
Definition
Notes:
Lists require a new line after the last list item

Emphasis

Markdown InputRendered Display
Italic (em tag)

I am *emphasized*

I am _emphasized_
            

I am emphasized

I am emphasized

Bold (strong tag)

I am **bold**

I am __bold__
            

I am bold

I am bold

Links

Markdown InputRendered Display
Inline Method

This is [an example](http://example.com/ "Optional Title") inline link.
            

This is an example inline link.

Automatic Links

< http://example.com/>
< address@example.com>
            
Note: Wrap links with < and > with no empty spaces.

http://example.com/
address@example.com

Internal page anchors

Link From: [How do you...?](#faq1)
Link To: < a id="faq1">< /a>How do you...?
            
Note: Wrap links with < and > with no empty spaces.

How do you...?
How do you...?

Tables

Markdown InputRendered Display

| First Header  | Second Header |
| ------------- | ------------- |
| Row1 Cell1    | Row1 Cell2    |
| Row2 Cell1    | Row2 Cell2    |
            
First Header Second Header
Row1 Cell1 Row1 Cell2
Row2 Cell1 Row2 Cell2

Code Blocks

Markdown InputRendered Display

~~~
echo "Hello World";
~~~
            

echo "Hello World";

Images

Markdown InputRendered Display

![Hey You](https://www.sugaroutfitters.com/img/we_want_you.png)
![Alt text](/path/to/img.jpg "Optional title")
            

Hey You

Regular HTML tag: (Note: add class="shadow" for the shadow effect")

< img alt="Hey You" src="https://www.sugaroutfitters.com/assets/img/we_want_you.png" class="shadow">
            
Note: Remove space between "<" and "img" </td>

Hey You

Video

Simply embed the HTML required to render the desired video. If the video has an HTTPS option (such as YouTube's) choose that option when generating the embed code.

To make the video dimensions responsive wrap the embed code with a div that has a class of video-container. Then it will show nicely on any device.


< div class="center video-container">....< /div>

(remove space before div)

Literal Characters

The following characters sometimes have special meanings in Markdown. You can make sure Markdown doesn't interpret these characters by placing a backslash in front of them.

Markdown InputRendered Display

\\
\`
\*
\_
\{\}
\[\]
\(\)
\#
\+
\-
\.
\!
\:
\|

            

\
`
*
_
{}
[]
()
#
+
-
.
!
:
|

Keep up to date on the latest additions

We'll send you an email every month with handpicked add-ons, reviews, tricks and tips. Don't worry, we hate spam as much as you do.