Markdown Editor Syntax guide

E Good students Please check the original English: Markdown syntax guide

Directory

您可以使用[TOC]在文章的任何位置插入目录，甚至插入多个目录。

Rendering Effect:

• Directory
  • Rendering effect
• Title
  • Rendering effect
• This is a level header equivalent to the H1 tag in HTML
  • This was an H2
    • • • • This was an H6
• Paragraph
  • Rendering effect
• Character Styles
  • Rendering effect
• Unordered list
  • Rendering effect
• List of sorts
  • Rendering effect
• The list in the list
  • Rendering effect
• quotation marks or citations
  • Rendering effect
• Inline code characters
  • Rendering effect
• In-line code and code block
  • Rendering effect
• External site links
  • Rendering effect
• Image
  • Rendering effect
• Form
  • Rendering effect
• Backslash escape character

Title

# 这是一级标题，相当于HTML中的H1标签## This is an H2###### This is an H6

Rendering effect: This is a first-level title, equivalent to the H1 tag in HTML this is an h2this is a H6 paragraph

每个段落从一个新行开始，段落前最好有一个空行。只需按下回车键<Enter>开始一个新行。例如，像下面这样。你需要在段落和任何以下的内容之间保留一个空行如有序或无序的列表，像下面这样：* 项目 1 * 项目 2

Rendering Effect:

Each paragraph starts with a new line, preferably with a blank line before the paragraph. Just press ENTER <Enter> start a new line.

For example
Like this.

You need to keep a blank line between the paragraph and any of the following
such as an ordered or unordered list, like this:

• Item 1
• Item 2

Character Styles

*  斜体字符***粗体字符**~~删除线的文字~~

Note: Do not have a space between the * number and the content, if you do need to use a space, use 

Rendering Effect:

Italic character
Bold Characters
Strikethrough text

Unordered list

Item1Item2Item3    Item3a    Item3b    Item3c

Note: A space is required between the * number and the content

Rendering Effect:

• Item 1
• Item 2
• Item 3
  
  • Item 3a
  • Item 3b
  • Item 3c

List of sorts

1.Step12.Step23.Step3    Step3a    Step3b    Step3c

Note: A space is required between the. Number and the content

Rendering Effect:

1. Step 1
2. Step 2
3. Step 3
   A. Step 3a
   B. Step 3b
   C. Step 3c

The list in the list

1. Step 12. Step 23. Step 3    * Item 3a    * Item 3b    * Item 3c

Rendering Effect:

1. Step 1
2. Step 2
3. Step 3
   
   • Item 3a
   • Item 3b
   • Item 3c

quotation marks or citations

这是一段引用的内容>引用的内容>引用的内容>引用的内容

Rendering Effect:

This is a reference to the content

Referenced content
Referenced content
Referenced content

Inline code characters

`function()` `` 引号 (`)``。

Rendering Effect:

Use a backslash to function() refer to.

Here is a character 引号 (`) .

In-line code and code block

 indent each line by at least 4  spaces or 1  tab tab.    This is a normal paragraph: This is a block of code. Contains multiple lines. Alternatively, you can use 3  anti-quotes before and after the code block, like this: '   '   ' to make the added code block highlight, add the name of the code language immediately after the anti-quote: '   "javascriptvar  Oldunload = Window.onbeforeunload;window.onbeforeunload =     function   { savecoverage (); if  (Oldunload) {return  oldunload.apply (this , arguments ); }};  '   '  

Note: When inserting the markdown format of a code block into a code block, you need to add a space before the anti-quote, otherwise the rendered layout will exceed your expectations.

Supports all common encoding languages, including C, C + +, Java, Scala,python, and JavaScript.

Rendering Effect:

Indents each line by a minimum of 4 spaces or 1 tab tabs.

This is a normal paragraph:

这是一个代码块。包含多行。

Alternatively, you can use 3 anti-quotes before and after a block of code, like this:

这是一个代码块

To highlight the added code block, add the name of the code language immediately after the anti-quote:

varfunction() {    saveCoverage();    if (oldUnload) {        return oldUnload.apply(thisarguments);    }};

External site links

这是 [一个例子](http://blog.csdn.net/column/details/markdown.html "标题") 的内联链接。[这个链接](http://blog.csdn.net/testcs_dn) 没有标题属性。

Note: brackets must be in English half-width.

Rendering Effect:

This is an inline link for an example.

This link does not have a caption property.

Image

The image and Image link syntax is as follows:

![我的头像](http://avatar.csdn.net/D/1/B/1_testcs_dn.jpg)![专家图标](http://c.csdnimg.cn/jifen/images/xunzhang/xunzhang/bokezhuanjiamiddle.png "专家图标")[![专栏图标](http://avatar.csdn.net/blogpic/20150309232245583.jpg)](http://blog.csdn.net/column/details/markdown.html "CSDN-Markdown专栏")

Rendering Effect:

Form

|每天 |主食 |价格 ||--------|---------|-------||周一 |面食 |$6 ||周二 |鸡 |$8 |

Rendering Effect:

Daily	Staple Food	Price
Monday	Pasta	$6
Tuesday	Chicken	$8

Backslash escape character

Markdown can use backslashes to insert symbols that have other meanings in the syntax, such as: if you want to emphasize the effect (but not the <em> tag) with an asterisk next to the text, you can precede the asterisk with a backslash:

\* 字符星号 \*

Markdown supports the following symbols preceded by a backslash to help insert a normal symbol:

\   反斜线`   反引号*   星号_   底线{}  花括号[]  方括号()  括弧#   井字号+   加号-   减号.   英文句点!   惊叹号

Here, insert one more directory:

• Directory
  • Rendering effect
• Title
  • Rendering effect
• This is a level header equivalent to the H1 tag in HTML
  • This was an H2
    • • • • This was an H6
• Paragraph
  • Rendering effect
• Character Styles
  • Rendering effect
• Unordered list
  • Rendering effect
• List of sorts
  • Rendering effect
• The list in the list
  • Rendering effect
• quotation marks or citations
  • Rendering effect
• Inline code characters
  • Rendering effect
• In-line code and code block
  • Rendering effect
• External site links
  • Rendering effect
• Image
  • Rendering effect
• Form
  • Rendering effect
• Backslash escape character

Markdown Editor Syntax guide