Markdown Cheatsheet

Heading 1

Markup :  # Heading 1 #

-OR-

Markup :  ============= (below H1 text)

Heading 2

Markup :  ## Heading 2 ##

-OR-

Markup: --------------- (below H2 text)

Heading 3

Markup :  ### Heading 3 ###

Heading 4

Markup :  #### Heading 4 ####

Common text

Markup :  Common text

Emphasized text

Markup :  _Emphasized text_ or *Emphasized text*

~~Strikethrough text~~

Markup :  ~~Strikethrough text~~

Strong text

Markup :  __Strong text__ or **Strong text**

Strong emphasized text

Markup :  ___Strong emphasized text___ or ***Strong emphasized text***

Named Link and http://www.google.fr/ or http://example.com/

Markup :  [Named Link](http://www.google.fr/ "Named link title") and http://www.google.fr/ or <http://example.com/>

heading-1

Markup: [heading-1](#heading-1 "Goto heading-1")

Table, like this one :

First Header	Second Header
Content Cell	Content Cell
Content Cell	Content Cell

First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell

Adding a pipe | in a cell :

First Header	Second Header
Content Cell	Content Cell
Content Cell	\|

First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  |  \|

Left, right and center aligned table

Left aligned Header	Right aligned Header	Center aligned Header
Content Cell	Content Cell	Content Cell
Content Cell	Content Cell	Content Cell

Left aligned Header | Right aligned Header | Center aligned Header
| :--- | ---: | :---:
Content Cell  | Content Cell | Content Cell
Content Cell  | Content Cell | Content Cell

code()

Markup :  `code()`

    var specificLanguage_code = 
    {
        "data": {
            "lookedUpPlatform": 1,
            "query": "Kasabian+Test+Transmission",
            "lookedUpItem": {
                "name": "Test Transmission",
                "artist": "Kasabian",
                "album": "Kasabian",
                "picture": null,
                "link": "http://open.spotify.com/track/5jhJur5n4fasblLSCOcrTp"
            }
        }
    }

Markup : ```javascript
         ```

Bullet list
- Nested bullet
  - Sub-nested bullet etc
Bullet list item 2

 Markup : * Bullet list
              * Nested bullet
                  * Sub-nested bullet etc
          * Bullet list item 2

-OR-

 Markup : - Bullet list
              - Nested bullet
                  - Sub-nested bullet etc
          - Bullet list item 2

A numbered list
1. A nested numbered list
2. Which is numbered
Which is numbered

 Markup : 1. A numbered list
              1. A nested numbered list
              2. Which is numbered
          2. Which is numbered

An uncompleted task
A completed task

 Markup : - [ ] An uncompleted task
          - [x] A completed task

An uncompleted task
- A subtask

 Markup : - [ ] An uncompleted task
              - [ ] A subtask

Blockquote

Nested blockquote

Markup :  > Blockquote
          >> Nested Blockquote

Horizontal line :

Markup :  - - - -

Image with alt :

Markup : ![picture alt](http://via.placeholder.com/200x150 "Title is optional")

Foldable text:

Title 1

Content 1 Content 1 Content 1 Content 1 Content 1

Title 2

Content 2 Content 2 Content 2 Content 2 Content 2

Markup : <details>
           <summary>Title 1</summary>
           <p>Content 1 Content 1 Content 1 Content 1 Content 1</p>
         </details>

<h3>HTML</h3>
<p> Some HTML code here </p>

Link to a specific part of the page:

Go To TOP

Markup : [text goes here](#section_name)
          section_title<a name="section_name"></a>

Hotkey:

⌘F

⇧⌘F

Markup : <kbd>⌘F</kbd>

Hotkey list:

Key	Symbol
Option	⌥
Control	⌃
Command	⌘
Shift	⇧
Caps Lock	⇪
Tab	⇥
Esc	⎋
Power	⌽
Return	↩
Delete	⌫
Up	↑
Down	↓
Left	←
Right	→

Emoji:

❗ Use emoji icons to enhance text. 👍 Look up emoji codes at emoji-cheat-sheet.com

Markup : Code appears between colons :EMOJICODE:

Alerts

Note

Highlights information that users should take into account, even when skimming.

> [!NOTE]  
> Highlights information that users should take into account, even when skimming.

Tip

Optional information to help a user be more successful.

> [!TIP]
> Optional information to help a user be more successful.

Important

Crucial information necessary for users to succeed.

> [!IMPORTANT]  
> Crucial information necessary for users to succeed.

Warning

Critical content demanding immediate user attention due to potential risks.

> [!WARNING]  
> Critical content demanding immediate user attention due to potential risks.

Caution

Negative potential consequences of an action.

> [!CAUTION]
> Negative potential consequences of an action.

Superscript and Subscript

Doesn't work.

~~You can use HTML tags for superscript and subscript.~~

H~2~O (water) or 
x^2^ (x squared)

Math Equations

Doesn't work.

~~Use LaTeX-style math equations for mathematical notations.~~

$$ E = mc^2 $$

Footnotes

Markup: 
Here is a simple footnote[^1].
A footnote can also have multiple lines[^2].
[^1]: My reference.
[^2]: To add line breaks within a footnote, prefix new lines with 2 spaces.
This is a second line.

Here is a simple footnote¹.

A footnote can also have multiple lines².

Color text

Markup: use diff language tag to write colorful text

- text in red color
+ text in green color
! text in orange color
# text in gray color
@@ text in bold and purple color@@

Icons with links

Markup : [<code>
         <img alt= "alt text" width="26px" src="the/image/source">
         </code>](insert redirect link here, which will take the user to the specify website when the icon is clicked)
         
         You can use a <br> tag after the above snippet to insert icons on a next line
         
         This is basic HTML.

You can get or embed pixel perfect free icons from icons8.com