Getting started with markdown syntax

Time:2020-3-28

Markdown syntax

About markdown:

Markdown is a lightweight annotation language. Its syntax is very simple. There are only a few commonly used markup symbols, so the learning cost is not large.

Markdown syntax

Title

There are six levels of titles, corresponding to hi to H6 in HTML. They are replaced by ා.
The largest H1 is a, such as the top markdown syntax. The smallest is represented by six.

#Maximum title
######Minimum title

list

The list is divided into sequential list and unordered list.
Under the markdown syntax, just add – or * to the list item to make it an unordered list. If you want to achieve an ordered list, just add the corresponding number

*First column unordered list
*Second column unordered list
*Third column unordered list

1. Sequence table in the first column
2. Sequence table in the second column
3. Sequence table in the third column

Results obtained:

  • First column unordered list

  • Second column unordered list

  • Third column unordered list

  1. The first column has a sequence table

  2. The second column has a sequence table

  3. The third column has a sequence table

Quote

Add a right brace before the words to be quoted to indicate that the text needs to be quoted. For example, below.

>This text indicates that the effect of the reference is below

This is a reference

Pictures and links

The syntax of inserting a link is very similar to that of inserting a picture. The difference is that there is a! Sign in front of a picture, which is the syntax of [picture or link name] (corresponding address). Note that all are English symbols.

For example, this article refers to [this article] (http://www.jianshu.com/p/1e402922ee32 /)

For example, this article refers to this article

If it’s a picture:

![baidu](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png)  

The effect is below, Baidu's picture.

Getting started with markdown syntax

At the same time, markdown also supports the use of < > to represent links, such as:

<http://www.jianshu.com/p/1e402922ee32/>

http://www.jianshu.com/p/1e40…

Direct is a link address, click to jump.

Bold and italics

Use two * to contain a paragraph of text that is bold, one contains italics, and three represents bold italics

** * bold bold bold**
** italics italics*
** * * bold italics, awesome! * * *
  • Bold bold bold

  • Italics italics

  • Bold italics, great!

Dividing line

Use three * to represent the split line

Upper edge of split line
***
Bottom edge of split line

Upper edge of split line


Bottom edge of split line

Insert code

This is more practical. There are two ways, one is to indent with tab, the other is to use ‘this symbol, this symbol is on the number 1 side of the keyboard. ESC below.

var mark = new Markdown();
Console. Log ('This is a compact way to write code ');
alert('hahaha');
var mark = new Markdown();
Console. Log ('This is the way to write in the symbol ');
alert('hahaha');

form

Cousin is more difficult to handle.

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

This will generate the corresponding

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

The colon in the second line does not appear to be left aligned. The left and right are all centered, and the right and right are aligned.
Form I think the general support, pills.

Grammar is basically like this

Benefits of markdown

  • Focus on your text content rather than typography and write with ease.

  • Easy to export HTML, PDF and their own. MD files.

  • Plain text content, compatible with all text editors and word processing software.

  • Change the version of your article at any time, without having to generate several file versions like word processing software to cause confusion.

  • Readable, intuitive and low learning cost.

It is recommended to write markdown with macdown on MAC, which supports preview function