Markdown is a text-only markup language. It can format ordinary text content with simple markup syntax.

Compared to the WYSIWYG editor

Advantages:

1. Since it is pure text, the same editing effect can be obtained wherever Markdown is supported, allowing the author to get rid of the trouble of typesetting and concentrate on writing.
2. Simple to operate. For example :WYSIWYG edit mark a title, first select the content, then click the title button in the navigation bar, select several levels of title. There are three steps. Markdown, on the other hand, simply adds a # to the header

Disadvantages:

1. Need to remember some grammar (of course, it is easy. Five minutes).
2. Some platforms do not support Markdown editing mode.

In-page jump

In-page jump is very practical. In the process of document description, it is often associated with other chapters in the page. In order to facilitate readers to read, it is necessary to add the function of page jump. In addition, the page jump, can also be used to manually create a directory.

The way to realize the page jump is also very simple, you can realize the jump to any label title, but it is also very pay attention to, otherwise there will be no jump. The markup format of the page jump is as follows:

[display](# title label - title text)Copy the code

Points to note:

• [] Fill in the parentheses to be displayed on the page;
• If the title number contains., and underscores are ignored directly. If there is a space in the title text, use – – to replace it.

Tip: For jump target headings in parentheses (), you can export Markdown to the HTML file and view the HTML source code using the id attribute value under the corresponding heading

tag. This will ensure that the jump is correct.

The title

# this is primary headlines # # # # # this is secondary this is triple title # # # # this is 4 # # # # # this title is a category five titles # # # # # # this is six levels of headingsCopy the code

This is a level one title

This is a secondary heading

This is a level 3 headline

This is a level 4 title

This is a level five headline

This is a six-level headline

The font

Bold To bold text with two asterisks respectively wrapped

Use an asterisk (*) to wrap the left and right sides of the slanted text

Use three asterisks to wrap the left and right sides of the slanted and bold text

Delete line to add delete line text with two ~~ numbers respectively

Example:

This is bold words * * * * * this is tilted text * ` this is italicized bold words * * * * * * ~ ~ this is the text strikethrough ~ ~Copy the code

The effect is as follows:

This is the bold text, this is the slanted text, this is the italic bold text, this is the strikeout text

reference

> This is the content of the quote >> this is the content of the quote >>>>>>>>>> this is the content of the quoteCopy the code

The divider

Three or more – or *.

Example:

-- -- -- - * * * * * * * *Copy the code

The effect is as follows:

As you can see, the display is the same.

The picture

! [image Alt](image address '' image title')Copy the code

hyperlinks

Grammar:

[Hyperlink name](hyperlink address "hyperlink title") Title can be added or notCopy the code

Example:

[Jane](http://jianshu.com) [Baidu](http://baidu.com)Copy the code

The effect is as follows:

Jane books baidu

Note: Markdown syntax does not support opening links in new pages. If you want to open links in new pages, you can use THE A tag of HTML language instead.

<a href=" _blank" href=" _blank">Copy the code

Sample book Jane

The list of

- List contents + List contents * List contentsCopy the code

1. Contents of the List 2. Contents of the List 3Copy the code

form

Grammar:

Header - | | | header header: - : | - : content of | | | | contents content contentCopy the code

The second line separates the header from the content.

• There is a line, in order to align, added a few words on both sides of the left – add: by default said text center – the right to add: said words in the right Note: the native grammar with | wrapped up on both sides. Examples are omitted:

Name number | -- - | | skills: - : | - : liu2 bei4 | | cry eldest brother guan yu play | | second brother zhang fei scold | | three younger brotherCopy the code

The effect is as follows:

code

'Code content'Copy the code

(` ` `) code... The code... The code... (` ` `)Copy the code

`create database hero; `Copy the code

Function fun(){echo "this is a very cool code "; } fun();Copy the code

Function fun(){echo "this is a very cool code "; } fun();Copy the code

The flow chart

` ` ` mermaid flowchat st = > start: start the op = > operation: My operation cond = > condition: Yes or No? e=>end st->op->cond cond(yes)->e cond(no)->op &```Copy the code

The effect is as follows: