Markdown syntax

Preface

Jianzhan Xiaobai wants to write something . I've read many excellent blogs these days , Most of the opening chapters are about Markdown Some basic introduction to grammar . If you want to write an article , Leave a note . notes : This article uses VScode To write .Ctrl + Shift + P Call up the main command box , Input Markdown, You can match Markdown Related commands .

Markdown Basic syntax

title

notes ： Altogether 6 A level title

Code

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

quote

Code

> Here is the reference code 
>> It can be nested at multiple levels 

effect

Here is the reference effect It can be nested at multiple levels

typeface

Code

** In bold   Effect code **
* tilt   Effect code *
*** Italics bold   Effect code ***
~~ Add a strikeout   Effect code ~~

effect

In bold Effect code tilt Effect code Italics bold Effect code Add a strikeout Effect code

Split line

Code

Three or more - perhaps * Fine

---
***

effect

The dividing line here is beautified by the theme

Code display

Code

(```)
     Syntax of code blocks ： Use a pair of ``` Surround the code block .（ Parentheses are added here to prevent escape ）
(```)

`` -->  A single line code directly uses a pair of ` Just surround it , You can also use inline markers .

effect

Here we show Inline marker （Hello World） effect

Hyperlinks

grammar

[ Hyperlink name ]( Hyperlink address " Hyperlinks title")

Code

[ Baidu ](https://www.baidu.com " use Baidu Search ")

effect

Baidu

picture

grammar

![ picture alt]( Picture address  '' picture title'')

 notes ： picture alt It's the text below the picture , It's equivalent to explaining the content of the picture .
    picture title It's the title of the picture , What is displayed when the mouse moves over the image .title Yes, but not 

Code

![](https://cdn.jsdelivr.net/gh/CNhuazhu/Image/page1.jpg)

effect

list

Unordered list ： use - + * Any one of them can Ordered list ： by Numbers . List nesting ： You can type three spaces between the upper level and the lower level

Code

-  Unordered list content 
+  Unordered list content 
*  Unordered list content 

1.  Ordered list content 
2.  Ordered list content 
3.  Ordered list content 

*  Outer unordered list 
   1.  Inner ordered list 
   2.  Inner ordered list 

effect

• Unordered list content
• Unordered list content
• Unordered list content

1. Ordered list content
2. Ordered list content
3. Ordered list content

• Outer unordered list
  1. Inner ordered list
  2. Inner ordered list

form

grammar

 Header | Header | Header 
---|:--:|---:
 Content | Content | Content 
 Content | Content | Content 

 notes ：
     The second line splits the header and contents .
    -  Just one , To align , A few more 
     Text left by default 
    - Add on both sides ： Center text 
    - Right plus ： Right 
 notes ： Use both sides of the original grammar  |  wrap up .

Code

|    a    |       b       |    c       |
|:-------:|:------------- | ----------:|
|    In the middle   |      Align left     |    Right alignment    |
|=========|===============|============|

effect

a	b	c
In the middle	Align left	Right alignment
=========	===============	============

emoticon

Here is a website ：https://www.webfx.com/tools/emoji-cheat-sheet/ Copy the corresponding expression code inside , Paste . With one （ But why doesn't it work here ） Then I will throw another website ：https://www.emojidaquan.com/ Just copy the expression here ️（ Nothing can be difficult , Ha ha ha ha ）

Space character

Code

  Note that it is an English semicolon

Anchor point

grammar

On 、 Subscript

grammar

Markdown compatible HTML grammar , So just use HTML Upper in grammar 、 Subscript to achieve ：

H<sub>2</sub>O 
2×10<sup>8</sup>

effect

H2O 2×108

Conclusion

The first blog post is finished , Happy ！！！！ （ Let's write it down here for the time being , If you need other content in the future , To learn , Replenish ）