# Markdown learning
* [Markdown learning style show] ( https://www.cnblogs.com/zhihaospace/p/12275774.html )
## 1.html title set
* H1 ~ h6 title
`` HTML `
# h1 title
## h2 title
### h3 heading
#### h4 heading
##### h5 Title
###### h6 title
` ``
## paragraphs diverted
`` `html
use two spaces and then pulls the line
` ``
## references performance
`` `html
Quote:>
` ``
## increase the dividing line
`` `html
dividing line (three symbols): --- (minus sign)
*** (asterisk)
___ (underscore)
- - - (spaces between the minus sign)
` ``
## emphasis on performance
`HTML
italics (front and back of a star or an underscore): * 123 *, _ 123_
bold (both before and after two weeks or two underscores): ** 123 ** __ 123__
` ``
## list representation
`` `html
use spaces can be indented to show sub-list
List Symbols: - (unordered list)
list of symbols: * (unordered list)
list of symbols: + (unordered list)
list of symbols: Digital (ordered list)
`` `
* Examples:
1. First item
2. Second term
* Child
* Child
3. Third item
4. Fourth
5. Fifth item
## hypertext links
* Examples
* [Baidu know] (http://www.baidu.com)
* [Baidu know] (http://www.baidu.com "jump to Baidu know Site")
`` `html
first way: http: //www.baidu.com
second way: <http://www.baidu.com>
The third way: [Baidu know] (http://www.baidu.com)
The fourth way: [Baidu know] (http://www.baidu.com "jump to Baidu know Site")
`` `
## Code Highlight
* The first way: `
* The second way: -
`HTML
1. Start three recommended" ' "symbol is then followed, for example, type codes c / java / c # / html, etc.
2. Content before and after each containing a single quote may represent a snippet
`
* Display the three "` "symbol
```c++
vector vec = {1,2,3,4};
for(auto i : vec)
{
cout << i <<",";
}
cout << endl;
```
* Display a "` "symbol
* calling function` add (a, b) `function processing.
## references and display picture
`` `html
syntax:! [alt text] (Picture url picture title)
```
* Example:
* Picture show:! [Ustc official icon] (https://www.ustc.edu.cn/_upload/tpl/00/76/118/template118/res/logo.svg "ustc official icon")
* Image display and link Jump:! [[ustc official icon] (https://www.ustc.edu.cn/_upload/tpl/00/76/118/template118/res/logo.svg "ustc official icon") ] (https://www.ustc.edu.cn/)
## table display
* Use only the syntax `-` and` | `to create the table
* one case:
| header | header |
| ---- | ---- |
| Cell | Cell |
| Cell | cells |
* according to a second alignment table show:
| left | right justified | centered |
|: ----- | ----: |: ----: |
|. 1 | 2 |. 3 |
|. 4 |. 5 | 6 |
## Other Advanced Usage
### 1. escaped with a backslash
\ * \ * Normal display asterisk \ * \ *
### 2. Support display HTML elements
`` `HTML
using <kbd> Ctrl </ kbd> + <kbd> Alt </ kbd> + <kbd> Del </ kbd> reboot the computer
`
### 3. Support formula show (not show)
$$
\left\lbrace
\sum_{i=0}^{n}i^{2}=\frac{2a}{x^2+1}
\right\rbrace
$$
$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
$$
4. Support flowchart ###
Lateral flow chart #### 4.1
Mermaid `` `
Graph the LR
A [square] -> B (fillet)
B -> C {condition} A
C -> | A. 1 = | D [Results. 1]
C -> | = A 2 | E [results 2]
F. [flowchart lateral]
`
Longitudinal flowchart #### 4.2
Mermaid `` `
Graph the TD
A [square] -> B (fillet)
B -> C {condition} A
C -> | A. 1 = | D [Results. 1]
C -> | = A 2 | E [results 2]
F. [flowchart vertical]
`
Standard longitudinal flowchart #### 4.3
`` `Flow
ST => Start: start frame
op => operation: processing block
cond => condition: decision block (yes or no?)
SUB1 => for the subroutine,: subprocess
io => inputoutput: input-output block
e => end : end block
ST-> the Op-> cond
cond (Yes) -> IO-> E
cond (NO) -> SUB1 (right) -> OP
`` `
Lateral flow chart #### 4.4 Standard
`` `Flow
ST => Start: start frame
op => operation: processing block
cond => condition: decision block (yes or no?)
SUB1 => for the subroutine,: subprocess
io => inputoutput: input-output block
e => end : end block
ST (right) -> OP (right) -> cond
cond (Yes) -> IO (bottom) -> E
cond (NO) -> SUB1 (right) -> OP
`` `
FIG timing source #### 4.5 UML
`` `sequence
objects A-> Object B: How are you object B (request)?
Note right of the object B: B Object description
Note left of object A: A description of the object (tips)
Object B -> Object A : I'm fine (response)
objects A-> Object B: Do you really okay?
`` `
FIG timing source #### 4.6 UML
Sequence `` `
the Title: Title: Complex use
objects A-> Object B: How are you object B (request)?
Note right of object B: B Object description
Note left of the object A: A description of the object (prompt)
Objects B -> object a: I'm fine (response)
objects B-> Primary Three: How are you
small three - >> object a: I object B to find the
target A-> Object B: Do you really okay?
Note over the third, the object B: We're friends
the Participant C
Note right of C: No one to play
`` `
#### 4.7 UML standard timing diagram
Mermaid `` `
%% example of a timing diagram, -> a straight line -> dashed - >> solid arrows
sequenceDiagram
participant Joe Smith
participant John Doe
John Doe -> Wang V: How are Wangwu you?
loop health check
Wangwu -> Wang Wu: to fight the disease
End
Note right of the king of five: decent food <br/> see a doctor ...
Doe - >> Joe Smith: Very good!
Wangwu -> John Doe: how are you?
John Doe -> Wang V: good!
`` `
#### 4.8 Gantt chart (not shown)
Mermaid `` `
%% syntax example
Gantt
dateFormat YYYY-MM-DD
title Gantt chart software development
section design
requirements: done, des1, 2014-01-06,2014-01-08
prototype: active, des2, 2014-01- 09, 3D
the UI design: des3, after des2, 5d
future tasks: DES4, the After DES3, 5D
Section develop
learning readiness understanding of the requirements: crit, done, 2014-01-06,24h
design framework: crit, done, after des2, 2d
development: crit, active, 3d
future tasks: crit, 5d
playing: 2d
Section test
function tests: active, a1, after des3, 3d
stress test: after a1, 20h
test reports: 48h
`` `