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

Strong recommendation: TproaMarkDown editor works perfectly across platforms.

Hexo MHexoEditor Blog Assistant perfectly supports Hexo blog posts.

Advantages: 1. Because it is pure text, the same editing effect can be obtained wherever Markdown is supported, which can let the author get rid of the trouble of typesetting and concentrate on writing. 2, simple operation. 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, is very simple. Five minutes). 2. Some platforms do not support Markdown editing mode.

A, the title,

Precede the text you want to set as a heading with # to indicate that one # is a primary heading, two # are secondary headings, and so on. Six levels of headings are supported. Note: In standard syntax, # is followed by a space.

Example:# 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 headings
Copy the code

The effect is as follows:

The above is a level 1 heading

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

Second, the font

Wrap the words to be bold with two signs and the words to be italic with one sign and the words to be italic with three asterisks and the words to be bold with two ~~ signs

Example:

** This is bold text *** this is slanted text *** ** this is italic bold text ***~~ this is strikeout text ~~Copy the code

It looks like this: here’s bold text, here’s slanted text, here’s italic bold text, here’s strikeout text

Reference block

Just add > before the quoted text. References can also be nested, such as adding two >> three >> N… It looks like we can keep adding, but there’s no eggs, right

Example:

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

The effect is as follows:

This is the quote

This is the quote

This is the quote

Four, secant line

Three or more – or *.

Example:

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

As you can see, the display effect is the same.

Five, the picture

Grammar:

! [Image Alt](Image address' 'Picture the title' 'Alt for an image is the text displayed below the image, which acts as an explanation of the image's content. Picture title is the title of the picture and what is displayed when the mouse moves over the picture. Title can be added or notCopy the code

Example:

! [img](C:\Users\JackFeng\Desktop\1.png)Copy the code

The effect is as follows:

Upload a local image Click the image icon on the navigation bar and select an image

6. 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 links to be opened in new pages. Other platforms may not work, but if you want to open it in a new page, you can use the HTML a tag instead.

<a href="Hyperlink address" target="_blank"> Hyperlink name </a> example <a href="https://www.baidu.com" target="_blank"> baidu < / a >Copy the code

Seven, lists,

  • Unordered list

Syntax: Use either – + * for an unordered list

- List contents + List contents * List contents Note: There must be a space between - + * and the list contentsCopy the code

The effect is as follows:

  • List the content

  • List the content

  • List the content

  • An ordered list

Syntax: dot numbers

1. List contents 2. List contents 3. List contents Note: There must be Spaces between the serial number and the list contentsCopy the code

The effect is as follows:

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

  • Nested list

Type three Spaces between the upper level and the lower level

  • Level 1 unordered list content
    • Secondary unordered list content
    • Secondary unordered list content
    • Secondary unordered list content
  • Level 1 unordered list content
    1. Second order list contents
    2. Second order list contents
    3. Second order list contents
  1. Level 1 ordered list content
    • Secondary unordered list content
    • Secondary unordered list content
    • Secondary unordered list content
  2. Level 1 ordered list content
    1. Second order list contents
    2. Second order list contents
    3. Second order list contents

Eight, tables,

Grammar:

Header - | | | header header: - : | - : content of | | | | contents content content The second line segment header and 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 add: said words in the right Note: the native grammar with | wrapped up on both sides. Is omittedCopy the code

Example:

Name number skills | | | -- - | : - : | - | | | welcome | WeChat | | | | male, platform A2DATA | | | | together we refueling |Copy the code

The effect is as follows:

I II III
welcome Focus on WeChat
And no. platform A2DATA
we together Come on

Nine, code,

Syntax: Single line of code: Each code is enclosed in a single backquote

'Code content'Copy the code

Code block: Enclose the code in three backquotes, and the backquotes on each side are on a separate line

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

Note: in order to prevent translation, the three back quotes are enclosed in parentheses, which are not actually available. This is just for demonstration purposes, but in practice, you can remove the parentheses.

Example:

Single line of code

`create database hero; `Copy the code

The code block

(` ` `)function fun() {echo "That's a really cool line of code."; } fun(); (` ` `)Copy the code

The effect is as follows:

Single line of code

create database hero;

Copy the code

The code block

function fun() {echo "That's a really cool line of code.";
}
fun();

Copy the code

X. Flow chart

Graph LR (square) - - > B (rounded corners) - > B C condition of {A} -- > C | A | = 1 D results of [1] -- > C | A = 2 | E [result] 2 F [transverse flow diagram]Copy the code
Graph of TD (square) - - > B (rounded corners) - > B C condition of {A} -- > C | A | = 1 D results of [1] -- > C | A = 2 | E results of [2] F/vertical flow chartCopy the code

The effect is as follows:

Graph LR start [to] -- > input (type A, B, C) input - > conditionA {} A is greater than B conditionA - YES - > conditionC conditionA {A is greater than C} ConditionB -- YES conditionC -- YES conditionC -- YES conditionC -- YES conditionC -- YES conditionC -- YES conditionC -- YES conditionC -- YES conditionC -- YES conditionC -- YES conditionC -- YES conditionC -- YES conditionC Output printB [B] conditionB - NO - > printC [C] output printA - > stop [over] printC > stop printB -- - > stopCopy the code