Mark down learning

Hello ！ This is the first time you use Markdown Editor The welcome page shown . If you want to learn how to use Markdown Editor , You can read this article carefully , Get to know Markdown Basic grammar knowledge of .（ It seems that what is written here is useless ）

CSDN Self blowing time of

We are right. Markdown The editor has some function expansion and syntax support , Except standard Markdown Editor function , We have added the following new features , Help you blog with it ：

1. New interface design , Will bring a new writing experience ;
2. Set your favorite code highlight style in the creative center ,Markdown Highlight the selected style in the code slice display To display ;
3. Added Picture drag and drop function , You can drag the local image to the editing area to display it directly ;
4. all-new KaTeX The mathematical formula grammar ;
5. Added support Gantt chart mermaid grammar ¹ function ;
6. Added Multi screen editing Markdown Article function ;
7. Added Focus writing mode 、 Preview Mode 、 Concise writing mode 、 Left and right area synchronous roller settings And so on , The function button is located between the editing area and the preview area ;
8. Added Checklist function .

Function shortcut

revoke ：Ctrl/Command + Z
redo ：Ctrl/Command + Y
In bold ：Ctrl/Command + B
Italics ：Ctrl/Command + I
title ：Ctrl/Command + Shift + H
Unordered list ：Ctrl/Command + Shift + U
Ordered list ：Ctrl/Command + Shift + O
Checklist ：Ctrl/Command + Shift + C
Insert code ：Ctrl/Command + Shift + K
Insert link ：Ctrl/Command + Shift + L
Insert a picture ：Ctrl/Command + Shift + G
lookup ：Ctrl/Command + F
Replace ：Ctrl/Command + G
Note that there Round edged rectangle It seems to be a rectangular frame with round edges .
The writing method of circular rectangle is <> Inside plus kbd Then pick up </>,/ Back plus kbd.

Create a reasonable title , It's helpful for catalog generation

Direct input 1 Time #, And press space after , Will generate 1 Level title .
Input 2 Time #, And press space after , Will generate 2 Level title .
And so on , We support 6 Level title . Help to use TOC Generate a perfect directory after Syntax .（ Two English ` Things between them will be marked in red , This point is with the wave line , The effect is as above TOC）

How to change the style of the text

n A continuous # Back plus space yes n Level outline ( title )

Emphasis text Emphasis text In two * or _ Between

Bold text Bold text On the basis of the above, there is one more symbol on both sides

Tag text Two pairs of equal signs

Delete text Two pairs of waves

Reference text A greater than sign

H₂O is It's liquid . The number between the two wave signs is the subscript

2¹⁰ The result is 1024. Two ^ Between is superscript

C²₅ This may not be particularly beautiful, that is to say

Insert links and pictures

link : link.
Gu Ge's blog .
[]＋(), [] Inside is the name ,() There are hyperlinks
picture :
!+[]+(),! Is English ,[] Inside is the name after the failure of the picture display ,() Inside is the picture address .
such as

Picture with size :
After the hyperlink +space+=+ wide +x（ It's lower case x English letter ）+ high

Centered picture :
Well No # Add... Immediately after the picture link pic_center

A picture centered and dimensioned :

First #pic_center+space+ wide x high

How to insert a beautiful piece of code

Go to Blog settings page , Choose a highlight style you like , Here's the same highlight Code chip .

// An highlighted block
var foo = 'bar';

Three consecutive ` start , End with , Write the language type after the first three dots

Generate a list that suits you

English minus sign is black dot （ Unordered header ）

• project
  • project
    • project

direct 1. Is the ordered header

1. project 1
2. project 2
3. project 3
   -+space+[]+ Task name +space Is a task box,[] Only add x（ Case equal ） Just tick .

• [] mission
• Planning tasks
• To complete the task

Create a table

This is how a simple table is created ：

project	Value
The computer	$1600
mobile phone	$12
A catheter	$1

Set content center 、 be at the left side 、 be at the right

Use :---------: In the middle
Use :---------- be at the left side
Use ----------: be at the right

First column	Second column	The third column
Center first column of text	Second column text right	Third column text left

SmartyPants

SmartyPants take ASCII Punctuation character to “ intelligence ” Print punctuation HTML Entity . for example ：

TYPE	ASCII	HTML
Single backticks	'Isn't this fun?'	‘Isn’t this fun?’
Quotes	"Isn't this fun?"	“Isn’t this fun?”
Dashes	-- is en-dash, --- is em-dash	– is en-dash, — is em-dash

Create a custom list

Markdown

Text-to- HTML conversion tool

Add at least one after the colon space

John

Luke

How to create a footnote

A text with footnotes .²

Annotation is also essential

Markdown Convert text to HTML.

KaTeX The mathematical formula

You can use rendering LaTeX Mathematical expression KaTeX:

Gamma Formula display $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ It's through Euler integral

$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

You can find more information about LaTeX Mathematical expression here.

New Gantt chart features , Enrich your articles

• About Gantt Chart grammar , Reference resources here ,

UML Chart

have access to UML Chart rendering . Mermaid. For example, a sequence diagram generated below ：

This will produce a flowchart .:

• About Mermaid grammar , Reference resources here ,

FLowchart flow chart

We will still support flowchart Flow chart of ：

• About Flowchart flow chart grammar , Reference resources here .

Export and import

export

If you want to try this editor , You can edit this article at will . When you finish writing an article , Find... On the top toolbar Article export , Generate a .md Documents or .html File for local storage .

Import

If you want to load an article you've written .md file , In the upper toolbar, you can select the import function to import the file with the corresponding extension ,
Continue your work .

---

1. mermaid Syntax description ︎

2. Explanation of footnotes ︎