Markdown vegetable dog notes

What is Markdown

1. Markdown is a lightweight markup language that allows people to write documents in plain text format that is easy to read and write
2. The Markdown language was created by John Gruber in 2004
3. Documents written by Markdown can export documents in HTML, Word, image, PDF, Epub and other formats
4. The suffix of the document written by Markdown is md, .markdown

Markdown tag

Shortcut key

Function shortcut

Undo: Ctrl/Command + Z
Redo: 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
Checklist: 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

title

1. Use = and - to mark primary and secondary headings

   I'm showing first-class titles
   ===============
   I'm showing a secondary title
   ---------------
   

   The effect is as follows

   I'm showing first-class titles

   What I'm showing is a secondary title

2. Mark with # number
   Use the # sign to represent level 1-6 titles. The first level Title corresponds to one # sign, the second level Title corresponds to two # signs (# sign followed by a space), and so on

    #I'm showing level 1 titles
    ##I'm showing level 2 titles
   

   The effect is as follows

   I'm showing level 1 titles

   I'm showing level 2 titles

paragraph

There is no special format for Markdown paragraphs. Just write text directly. The line feed of paragraphs is to use more than two spaces and enter.
Of course, you can also use a blank line after a paragraph to restart a paragraph.

typeface

*Italic text*
_Italic text_
**Bold text**
__Bold text__
***Bold italic text***
___Bold italic text___

The effect is as follows
Italic text
Italic text
Bold text
Bold text
Bold italic text
Bold italic text

Split line

You can use more than three asterisks, minus signs and bottom lines in a line to create a separation line. There can be nothing else in the line. You can also insert a space between the asterisk or minus sign. You can create separation lines in each of the following ways:

***

* * *

*****

- - -

----------

The effect is as follows

Delete line

If you want to add a delete line to the text on the paragraph, you only need to add two wavy lines at both ends of the text. Examples are as follows:

RUNOOB.COM
GOOGLE.COM
~~BAIDU.COM~~

The effect is as follows
RUNOOB.COM
GOOGLE.COM
BAIDU.COM

Underline

Underline can be realized through HTML Tags:

<u>Underlined text</u>

The effect is as follows
Underlined text

footnote

The format of the Markdown footnote is as follows:

[^Text to be noted]

Create a footnote format similar to this [^RUNOOB]. 
[^RUNOOB]: Rookie tutorial -- Learn not only technology, but also dream!!!

The effect is as follows
Create a footnote format similar to this 1

list

Markdown supports ordered and unordered lists.

The unordered list uses an asterisk (*), plus sign (+) or minus sign (-) as the list mark. After these marks, add a space, and then fill in the content:

* First item
* Item 2
* Item 3

+ First item
+ Item 2
+ Item 3

- First item
- Item 2
- Item 3

The effect is as follows

• First item
• Item 2
• Item 3

• First item
• Item 2
• Item 3

• First item
• Item 2
• Item 3

The ordered list uses numbers and adds Sign, such as:

1. First item
2. Item 2
3. Item 3

The effect is as follows

1. First item
2. Item 2
3. Item 3

List nesting
List nesting simply adds four spaces in front of the options in the sub list:

1. Item 1:
    - The first element of the first item nest
    - The second element nested in the first item
2. Item 2:
    - The first element of the second nested item
    - The second nested element of the second item

The effect is as follows

1. First item
   • The first element of the first item nest
   • The second element nested in the first item
2. Item 2
   • The first element of the second nested item
   • The second nested element of the second item

block

A block reference uses the > symbol at the beginning of a paragraph, followed by a space symbol
In addition, blocks can be nested. One > symbol is the outermost layer, two > symbols are the first layer of nesting, and so on
Blocks and lists can also be applied to each other

> block quotations 
> Rookie tutorial
> Learning is not only a technology, but also a dream

> Outermost layer
> > First level nesting
> > > Second level nesting

> List used in block
> 1. First item
> + Item 2
> + Item 3

* First item
    > Rookie tutorial
    > Learning is not only a technology, but also a dream
* Item 2

The effect is as follows

block quotations
Rookie tutorial
Learning is not only a technology, but also a dream

Outermost layer

First level nesting

Second level nesting

List used in block

1. First item

• Item 2
• Item 3

• First item

  Rookie tutorial
  Learning is not only a technology, but also a dream

• Item 2

code

If it is a function or fragment of code on a paragraph, you can wrap it in back quotation marks (`)
The code block uses four spaces or a Tab (Tab key)
You can also wrap a piece of code in three backquotes and specify a language (or not)

`printf()` function

```javascript
$(document).ready(function () {
    alert('RUNOOB');
});```[The back quote needs to start on another line]

The effect is as follows
printf() function

$(document).ready(function () {
    alert('RUNOOB');
});

link

The link is used as follows
In addition, we can set a link through variables, and the variable assignment is carried out at the end of the document:

[Link name](Link address)   perhaps  <Link address>

for example
 This is a link [Rookie tutorial](https://www.runoob.com)
<https://www.runoob.com>

This link uses 1 as the URL variable [Google][1]
This link uses runoob As URL variable [Runoob][runoob]
Then assign a value (URL) to the variable at the end of the document

  [1]: http://www.google.com/
  [runoob]: http://www.runoob.com/

The effect is as follows
This is a link Rookie tutorial
https://www.runoob.com

This link uses 1 as the URL variable Google
This link uses runoob as the URL variable Runoob

picture

The syntax format of the picture is as follows:
Of course, you can also use variables for image URLs like URLs:

![alt Attribute text](Picture address)
![alt Attribute text](Picture address "Optional title")

![RUNOOB Icon](http://static.runoob.com/images/runoob-logo.png)
![RUNOOB Icon](http://static.runoob.com/images/runoob-logo.png "runoob")

This link is used as a URL variable [RUNOOB][2]
This link is used as a URL variable [RUNOOB](http://static.runoob.com/images/runoob-logo.png)
Then assign a value (URL) to the variable at the end of the document

[1]: http://static.runoob.com/images/runoob-logo.png

The effect is as follows

This link is used as a URL variable RUNOOB
This link is used as a URL variable RUNOOB

form

Make a table, use | to separate different cells, and use - to separate the header and other rows.
You can also set the alignment of the table
-: set the right alignment of content and title bar.
: - align the content and title bar to the left.
: -: center the content and title block.

|  Header   | Header  |
|  ----  | ----  |
| Cell  | Cell |
| Cell  | Cell |

| Align left | Right align | Center alignment |
| :-----| ----: | :----: |
| Cell | Cell | Cell |
| Cell | Cell | Cell |

The effect is as follows

Header	Header
Cell	Cell
Cell	Cell

Align left	Right align	Center alignment
Cell	Cell	Cell
Cell	Cell	Cell

markdown advanced skills

For details, please watch the rookie:) Rookie tutorial link

In addition, for the skills of using UML diagrams and flow charts in markdown, you can directly refer to the self-contained tutorial of markdown

This note is to record some simple syntax and keywords of markdown. It is mainly for reference Rookie tutorial And markdown's own tutorial

1. Rookie tutorial - learn not only technology, but also dream!!! ↩︎