title: Markdown date: 2020-12-14 18:28:43 background: bg-[#6319bf] tags: - md - Markup - text - format categories: - Programming

intro: This is a quick reference cheat sheet to the Markdown syntax.

Markdown Quick Reference

Headers (atx style)

# h1
## h2
### h3
#### h4
##### h5
###### h6

Headers (setext style)

Header 1
========
Header 2
--------

Blockquotes

> This is
> a blockquote
>
> > Nested
> > Blockquote

Unordered List {.row-span-2}

* Item 1
* Item 2
    * item 3a
    * item 3b

or

- Item 1
- Item 2

or

+ Item 1
+ Item 2

or

- [ ] Checkbox off
- [x] Checkbox on

Ordered List

1. Item 1
2. Item 2
    a. item 3a
    b. item 3b

Links

[link](http://google.com)
[link][google]
[google]: http://google.com
<http://google.com>

Emphasis

*italic*
_italic_
**bold**
__bold__
`inline code`
~~struck out~~

Horizontal line

Hyphens

---

Asterisks

***

Underscores

___

Code

```javascript
console.log("This is a block code")
```
~~~css
.button { border: none; }
~~~
    4 space indent makes a code block

inline code

`Inline code` has back-ticks around it

Tables {.col-span-2}

| Left column | Center column | Right column |
|:------------|:-------------:|-------------:|
| Cell 1      |   Centered    |        $1600 |
| Cell 2      |    Cell 3     |          $12 |

Simple style

Left column | Center column | Right column
:----------:|:-------------:|:-----------:
   Cell 1   |   Centered    |    $1600
   Cell 2   |    Cell 3     |     $12

A markdown table generator: tableconvert.com

Images {.col-span-2}

![GitHub Logo](/images/logo.png)

![Alt Text](url)

Image with link

[![GitHub Logo](/images/logo.png)](https://github.com/)

[![Alt Text](image_url)](link_url)

Reference style

![alt text][logo]

[logo]: /images/logo.png "Logo Title"

Backslash escapes

Characters Escape Description
\ \\ backslash
` \` backtick
* \* asterisk
_ \_ underscore
{} \{} curly braces
[] \[] square brackets
() \() parentheses
# \# hash mark
+ \+ plus sign
- \- minus sign (hyphen)
. \. dot
! \! exclamation mark

{.show-header}