@ TOC

Welcome to the Markdown editor

Hello there! This is the first time you use Markdown editor welcome page exhibited. If you want to learn how to use Markdown editor, I can read this article carefully, understand the basic grammar of Markdown.

New changes

We Markdown editor for some functionality expansion and grammar support, in addition to standard Markdown editor feature that we have added several new features below to help you use it to write a blog:

The new interface design , will bring a new writing experience;
Set your favorite style code highlighting in the creation of the center, Markdown code displays the selected piece of highlight on display;
Adds picture drag and drop feature, you can directly drag and drop local images directly into the editing area display;
The new formula KaTeX mathematical syntax;
Added support mermaid syntax Gantt [^ 1] Function;
Increased multi-screen editing Markdown article features;
Increased focus writing mode, a preview mode, simple writing mode, the left and right area of the synchronous roller set functions, function buttons in the middle of the editing area and a preview area;
Increase the checklist function. [^ 1]: Mermaid Syntax

Function shortcut keys

Undo: Ctrl/Command+ ZRedo: Ctrl/Command+ YBold: Ctrl/Command+ Bitalics: Ctrl/Command+ Ititle: Ctrl/Command+ Shift+ Hunordered list: Ctrl/Command+ Shift+ Uordered list: Ctrl/Command+ Shift+ OChecklist: Ctrl/Command+ Shift+ Cinsert the code: Ctrl/Command+ Shift+ KInsert link: Ctrl/Command+ Shift+ LInsert Picture: Ctrl/Command+ Shift+ GFind: Ctrl/Command+ Freplace: Ctrl/Command+G

Create a reasonable title, helps generate directory

1 is directly input #, and pressing space, the title level 1 will be generated. Input 2 #, and press spaceafter the generation stage 2 of the title. So, we support the six titles. It helps to use TOCto generate a perfect directory after syntax.

How to change the style of text

He stressed that the text emphasized text

Bold text in bold text

Tagged Text

~~Delete Text~~

Quoted text

H ₂ O IS is a liquid.

2 ¹⁰ operation results in 1024.

Insert links and pictures

Link: Link .

image: Alt

Pictures with dimensions:! [Alt] ( https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw = 30X30)

Centered picture: Alt

Band centered and image size:! [The Alt] ( https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center = 30X30)

Of course, we have to allow users more convenient, we have increased the drag and drop images.

How to insert a beautiful piece of code

To blog settings page, choose a favorite piece of code you highlight style, highlighted below show the same 代码片.

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

Generate a list for you

project
project
project

Item 1
Item 2
Item 3

Scheduled Tasks
mission accomplished

Create a table

A simple table is so created: Project | Value -------- | ----- Computer | $ 1600 phone | $ 12 catheter | $ 1

Setting content center, the left and right of abode

Use :---------:centered using :----------left home use ----------:right home | first column | second column | third column | |: -----------: | -------------: | : ------------- | | the first column of text is centered | second column of text goes on the right | The third column of text left |

SmartyPants

SmartyPants convert ASCII punctuation characters into "smart" printing punctuation HTML entities. For example: | the TYPE | ASCII | HTML | ---------------- | ------------------------ ------- | ----------------------------- | | Single backticks | 'Isn't this fun?'| 'Is is not the this Fun? '| | Quotes | "Isn't this fun?"| "Is is not the 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

Authors : John : Luke

How to create a footnote

A text with a footnote. ¹

Notes also essential

Markdown text is converted to HTML.

KaTeX mathematical formulas

You can use LaTeX to render mathematical expressions Katex :

Gamma formula shows $ \ Gamma (n) = (n-1)! \ Quad \ forall n \ in \ mathbb N $ by Euler integration

\[\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. \]

You can find more information about LaTeX mathematical expressions here Wallpaper .

The new Gantt chart features enrich your article

gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section of existing tasks have been completed: done, des1, 2014-01-06,2014-01-08 in progress: active, des2, 2014-01-09, 3d a plan: des3, after des2, 5d plan II: des4, after des3, 5d

About Gantt syntax, reference here ,

UML diagrams

UML diagrams can be used for rendering. Mermaid . For example a sequence diagram generated below ::

sequenceDiagram Joe Smith - >> Doe: Hello! John Doe, how's John Doe - >> Wang V:? How are you doing, Wang Wu? John Doe --x Joe Smith: I'm fine, thank you John Doe king five -x:! I'm fine, thank you Note right of the king of five:! John Doe thought for a long time, the text is not too long <br/> John Doe fit on one line - >> Zhang: Wang Wu looked ... Joe Smith - >> Wang Wu: well ... Wang Wu, how are you?

This produces a flow chart. :

graph LR A [rectangular] - Links -> B ((circle)) A -> C (rounded rectangular shape) B -> D {diamond} C -> D

About Mermaid syntax, reference here ,

FLowchart flow chart

We will still flow chart flowchart of support:

flowchat st => start: start e => end: the end of the op => operation: My operating cond => condition: confirm? st-> op-> cond cond (yes) -> e cond (no) -> op

About Flowchart flowchart syntax, reference here .

Export and import

Export

If you want to try to use this editor, you can edit in this article. When you have finished writing an article, found in the toolbar at the top articles exported , generating a .md file or .html file is stored locally.

Importing

If you want to load a .md file you wrote in the toolbar at the top you can choose to import functions corresponding to the extension of the file to import, continue your creation.

Footnote explanations ↩

Markdown to use (from CSDN)