Basic use Markdown introduction

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:

1. The new interface design , will bring a new writing experience;
2. Set your favorite style code highlighting in the creation of the center, Markdown code displays the selected piece of highlight on display;
3. Adds picture drag and drop feature, you can directly drag and drop local images directly into the editing area display;
4. The new formula KaTeX mathematical syntax;
5. Added support Gantt chart mermaid syntax ¹ function;
6. Increased multi-screen editing Markdown article features;
7. 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;
8. Increase the checklist function.

Function shortcut keys

Undo: Ctrl/Command+ Z
Redo: Ctrl/Command+ Y
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 the code: Ctrl/Command+ Shift+ K
Insert link: Ctrl/Command+ Shift+ L
Insert Picture: Ctrl/Command+ Shift+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:

Pictures with dimensions:

Centered picture:

Centered and pictures with size:

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

1. Item 1
2. Item 2
3. Item 3

• Scheduled Tasks
• mission accomplished

Create a table

A simple table is so created:

project	Value
computer	$1600
Cellular phone	$12
catheter	$1

Setting content center, the left and right of abode

Use :---------:centered
using :----------left home
use ----------:right of abode

first row	The second column	The third column
The first column of text centered	The 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. E.g:

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

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 official exhibition $\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

• About Gantt syntax, reference here ,

UML diagrams

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

This produces a flow chart. :

• About Mermaid syntax, reference here ,

FLowchart flow chart

We will still flow chart flowchart of support:

• 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 file that you wrote .md or .html file, the toolbar at the top can choose to import functions corresponding to the extension of the file to import,
continue your creation.

---

1. mermaid Syntax ↩︎

2. Footnote explanations ↩︎