Write the custom directory title here

  • Welcome to the Markdown editor
    • The new change
    • Function shortcut keys
    • Create headings properly to help generate directories
    • How do I change the style of text
    • Insert links and images
    • How to insert a nice piece of code
    • Create a list that works for you
    • Create a table
      • Set content to center, left, and right
      • SmartyPants
    • Create a custom list
    • How do I create a footnote
    • Comments are also essential
    • KaTeX mathematical formula
    • New Gantt chart feature to enrich your articles
    • UML diagrams
    • FLowchart diagram
    • Export and import
      • export
      • The import

Welcome to the Markdown editor

Hello! This is the first time you have used the welcome page shown in the Markdown editor. If you want to learn how to use the Markdown editor, read through this article to learn the basic syntax of Markdown.

The new change

In addition to the standard Markdown editor features, we’ve added the following new features to help you blog with Markdown:

  1. The new interface design will bring a new writing experience;
  2. In the Authoring center, set your favorite code highlighting style. Markdown will display the selected code highlighting style.
  3. Added a picture drag function, you can drag the local picture directly to the edit area directly display;
  4. New KaTeX mathematical formula syntax;
  5. – Added Scuttlebar syntax 1 support for The Gantt chart
  6. Added the ability to edit Markdown articles on multiple screens;
  7. Added focus writing mode, preview mode, concise writing mode, left and right area synchronization wheel Settings and other functions, the function button is located in the middle of the editing area and preview area;
  8. Added the check list function.

Function shortcut keys

Undo: Ctrl/Command + Z Rework: Ctrl/Command + Y Bold: Ctrl/Command + B Italic: Ctrl/Command + I Title: Ctrl/Command + Shift + H Unordered list: Ctrl/Command + Shift + U Ordered list: Ctrl/Command + Shift + O Check list: Ctrl/Command + Shift + C Insert 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 headings properly to help generate directories

Type # once and press space to generate a level 1 title. After typing # twice and pressing space, a level 2 title will be generated. By analogy, we support level 6 headings. Helps produce a perfect table of contents after using TOC syntax.

How do I change the style of text

Emphasize text emphasize text

Bold text Bold text

Tag text

Delete the text

The reference text

H2O is a liquid.

The result of 210 is 1024.

Insert links and images

Links: link.

Image:

Pictures with size:

Middle picture:

Centered and dimensioned:

Of course, in order to make the user more convenient, we added the image drag function.

How to insert a nice piece of code

Go to the blog Settings page and select a highlight style for your favorite snippet. The same highlighted snippet is shown below.

// An highlighted block var foo = 'bar'; 
Copy the code

Create a list that works for you

  • project

    • project

      • project
  1. Project 1
  2. Project 2
  3. Project 3
  • Schedule a task
  • To complete the task

Create a table

A simple table is created like this:

project Value
The computer The $1600
Mobile phone $12
The catheter The $1

Set content to center, left, and right

Use :———: center use :———- left use ———-: right

The first column The second column The third column
The first column is centered The second column contains the text to the right The third column contains text to the left

SmartyPants

SmartyPants converts ASCII punctuation characters into “smart” printed punctuation HTML entities. Such as:

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 do I create a footnote

A text with footnotes. 2

Comments are also essential

Markdown converts text to HTML.

KaTeX mathematical formula

You can use the render LaTeX mathematical expression KaTeX:

The Gamma formula shows γ (n) = (n − 1)! ∀ N ∈ N \Gamma(n) = (n-1)! \ quad \ forall n \ \ mathbb in n Γ (n) = (n – 1)! ∀ N ∈N is by euler integral

Γ (z) = ∫ z – 1 e – 0 up t t d t \ Gamma (z) = \ int_0 t ^ ^ \ infty {1} z e ^ {t} – dt \, the Γ (z) = ∫ 0 up tz – e – 1 the TDT.

You can find more information about the LaTeX mathematical expression here.

New Gantt chart feature to enrich your articles

Gantt dateFormat YYYY-MM-DD Title Adding Gantt Diagram Functionality to S03E01 Section existing task completed: Done, DES1, 2014-01-06,2014-01-08 :active, DES2, 2014-01-09, 3D Plan 1: DES3, after DES2, 5D Plan 2: DES4, after DES3, 5D
  • For gantt chart syntax, see here,

UML diagrams

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

This will produce a flow chart. :

  • For the syntax of avi, see here,

FLowchart diagram

Flowchart we still support flowchart:

  • Flowchart for Flowchart syntax, see here.

Export and import

export

If you want to try this editor out, you can edit it in this article. When you have finished writing an article, go to the top toolbar to export the article and generate an.md file or.html file for local saving.

The import

If you want to load a.md file that you have written, you can select the import function in the upper toolbar to import the file with the corresponding extension and continue your creation.


  1. S03e05 S03e05 S03e05 S03e02 ↩ ︎
  2. Footnote explanation ↩︎