Here write custom directory title
- Welcome to the Markdown editor
- New changes
- Function shortcut keys
- Create a reasonable title, helps generate directory
- How to change the style of text
- Insert links and pictures
- How to insert a beautiful piece of code
- Generate a list for you
- Create a table
- Create a custom list
- How to create a footnote
- Notes also essential
- KaTeX mathematical formulas
- The new Gantt chart features enrich your article
- UML diagrams
- FLowchart flow chart
- Export and import
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 Gantt chart mermaid syntax 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.
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
Find: Ctrl/Command+ F
replace: 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 TOC
to 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 2 O IS is a liquid.
2 10 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
- project
- Item 1
- Item 2
- 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 list | 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. 2
Notes also essential
Markdown text is converted to HTML .
KaTeX mathematical formulas
You can use LaTeX to render mathematical expressions Katex :
Gamma formula show by Euler integration
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 produced by the following:
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 .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 ↩︎