Makdown editor-Typora instructions

Typora editor supports Markdown grammar, and also supports a small amount of html grammar. If you can use mermaid, flow, you can also use it to draw flowcharts and timing diagrams

As we all know, the blog of CSDN is written in Markdown syntax. I hope this article can make you use it freely when writing blogs and write more beautiful blogs.

---

• Title
  can be written like this

This is a secondary heading

You can also write like this

I am a headline

Format:
Add these two horizontal lines below the title
===============(This is the first level title)
----------------- --------(This is the second level title)

Or use ####, one # represents the first-level heading, and two #s represent the second-level heading. Note that there needs to be a space with the title
## This is a second-level heading

This is a secondary heading

---

• Font

Use * to indicate

Italic text

Bold text

* Italic text*
**Bold text**

Note that if you simply express these symbols and use the escape character \, it will do.

---

• Other styles of fonts

  • Color, generally use label wrapping
    <font color=pink size=4 face="Song Ti"> color, generally use label wrapping</font>
    If you only want to use one of them, you need to add font in front

  • Add a horizontal line below and
    generally use the u tag
    <u>Usually use the u tag</u>

  • To add strikethrough,
    two wavy lines
    are generally used~~ Two wavy lines are generally used~~

  • Highlight
    use == package
    Ohhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

---

Sorting and blocking

Add a dot before you can use *,-, secondary serial number, a \t (tab character) plus a *,-,+

• The first major item
  • The first minor item
• The second major item
  • The second minor item

* First major item
+ First minor item
* Second major item
+ Second minor item

Or it can be like this

1. The first major item
   • dwqd
2. dwqdq
   • 212w21

\1. The first item
* dwqd
2. dwqdq
* 212w21

Note: There needs to be a space after 1.

Blocking is very simple to use>, if you go down to grade, add one more>

First block

Sub-block

Third sub-block

>First block
>>Secondary block
>>>Third sub-block

---

Insert code block

```java (language name)
```

public void main(String[] args){
    
    
Sytem.out.println(“Hello World”);
}

#include<iostream>
int main(){
std::cout<<"Hello World!"<<std::endl;
}

paragraph

• Wrap

Use the <br> tag, or use more than two spaces and a carriage return

• Alignment

Generally done with the help of tags

Align center

Align right

As shown below:
<p align="center">center alignment</a>
<p align="right">right alignment</a>

As long as it is a line label and Markdown support is available

---

Insert picture

![alt attribute text] (picture address "picture title" (optional)), one thing to say, direct selection is more convenient

---

form

Head 1	Head 2
Cell 1	Cell 2
Cell 1	Cell 2

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

Alignment can be set in the second line:
-: Set the content and title bar to be aligned to the right.
:- Set the content and title bar to be aligned to the left.
:-: Set the center alignment of the content and the title bar.

Align left	Align right	Align center
Cell	Cell	Cell
Cell	Cell	Cell

| 左对齐 | 右对齐 | 居中对齐 |
| :--| --: | :--: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

---

Links and footnotes

The
format of the link name is as follows:
[link name] (link address)

Google[^1] is a well-known Internet giant in the United States

[1]: See Wikipedia for details

---

Insert formula

Insertion formulas use Latex syntax, in-line formulas are wrapped in $, and inter-line formulas are wrapped in $$, but the rendering effect of inter-line formulas is better. This depends on whether you are familiar with latex syntax.
$$Pi=\frac{9801}{\sqrt{8}{\sum }_{n=0}^{\infty }\frac{\left(4n\right)!(1103+26390n)}{{\left(n!\right)}^{4}396^{4n}}}$$

\pi=\frac{9801}{\sqrt{8}\sum_{n=0}^{{\infin}\frac{(4n)!(1103+26390n)}{\left(n!\right)}4396^{4n}}}

##Drawing a flowchart

```mermaid
flowchat
st=>start: start box
op=>operation: processing box
cond=>condition: judgment box (yes or no?)
sub1=>subroutine: sub-process
io=>inputoutput: input and output box
e=> end: end box
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
```

Shortcut

Ctrl+i (i is a positive integer), set as several levels of headings;
Ctrl+=, increase paragraph level;
Ctrl+-, decrease paragraph level;
Ctrl+B, bold (bold);
Ctrl+I, italic;
Ctrl+ U, underscore;