Markdown Note

Markdown is a better way to write content for the web. So spending several minutes learning it is beneficial for us.

Markdown Syntax

Italics and Bold

To make a phrase italic in Markdown, you can surround words with an underscore ( _ ).

_Writing in Markdown_ is not that hard!

Writing in Markdown is not that hard!

Similarly, to make phrases bold in Markdown, you can surround words with two asterisks ( ** ).

**Writing in Markdown** is not that hard!

Writing in Markdown is not that hard!

Headers

As their name implies, they act like titles or subtitles above sections.
There are six types of headers, in decreasing sizes:
To make headers in Markdown, you preface the phrase with a hash mark (#). You place the same number of hash marks as the size of the header you want. For example, for a header one, you’d use one hash mark (# Header One), while for a header three, you’d use three (### Header Three).

# Header one
## Header two
### Header three
#### Header four
##### Header five
###### Header six

Links

To create an hyperlink link, you wrap the link text in brackets ( [ ] ), and then you wrap the link in parenthesis ( ( ) )

Search about [On the way](https://xuxin0612.github.io "welcome to my site")

Search about On the way

Or

Search about [On the way][site]

[site]: https://xuxin0612.github.io

Search about On the way

Images

To create an inline image link, enter an exclamation point ( ! ), wrap the alt text in brackets ( [ ] ), and then wrap the link in parenthesis ( ( ) ).

![site-author-image](https://xuxin0612.github.io/uploads/59572399266843.png)

or

![site-author-image][author image]

[author image]: https://xuxin0612.github.io/uploads/59572399266843.png

Alt text is a phrase or sentence that describes the image for the visually impaired.

![site-author-image](https://xuxin0612.github.io/uploads/59572399266844.png)

Block Quotes

To create a block quote, all you have to do is preface a line with the “greater than” caret (>).

> To create a block quote, all
you have to do is preface a line with the "greater than" caret (>).

To create a block quote, all you have to do is preface a line with the "greater than" caret (>).

To create a block quote, all
you have to do is preface a line with the “greater than” caret (>).

To create a block quote, all you have to do is preface a line with the “greater than” caret (>).

Lists

To create an unordered list, you’ll want to preface each item in the list with an asterisk ( * ).

* Milk
* Eggs
* Salmon
* Butter

• Milk
• Eggs
• Salmon
• Butter

An ordered list is prefaced with numbers, instead of asterisks.

1. carrot
2. cabbage
    * lettuce

1. Crack three eggs over a bowl
2. Pour a gallon of milk into the bowl
3. Rub the salmon vigorously with butter
4. Drop the salmon into the egg-milk bowl

To make a list with more depth, or, to nest one list within another, all you need to do is to indent each asterisk one space more than the preceding item.

* Vegetables
  * carrot
  * cabbage
  * lettuce
* Fruits
  * apple
  * pear
  * mango
    * mango juice

• Vegetables
  • carrot
  • cabbage
  • lettuce
• Fruits
  • apple
  • pear
  • mango
    • mango juice