Markdown quick start

Time:2019-11-21

markdownMore than justHTMLAnd more importantlytxtAn upgrade of,wordThe lightweight version is the best carrier of notes

markdownAs a simple format markup language, it is different fromtxtDifferent fromHTMLDifferent fromwordTo adjust the style of the mouse
markdownWith a few simple characters, you can quickly define the style of the document

mastermarkdown, you can completely abandontxtAnd Notes software editor, and in most scenarios to replace the complex bloatedwordEnjoy the beauty of simplicity and efficiency

Here’s a listmarkdownSyntax and corresponding examples:

Title

Add before heading text#, and a space division is added
One#It’s a first level title, two#It is a two-level title, and so on. It supports six level titles at most

Example:

Title 1
Title 2
Title 3
Title 4
#####Title 5
######Title 6

Effect:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

list

Including sequence table and unordered list, support list nesting

Ordered list

An ordered list is an ordered list, which depends on the number before the line plus.Tag order, space between sequence number and content Separate.

Example:

1. Ordered list 1 
2. Ordered list 2 
3. Ordered list 3

Effect:

  1. Ordered list 1
  2. Ordered list 2
  3. Ordered list 3

Unordered list

Unordered list means that the list is not sorted. It supports- * +Three prefixes can be used to represent level 1 list, level 2 list and level 3 list

Example:

-Unordered list 1 
*Unordered list 2 
+Unordered list 3

Effect:

  • Unordered list 1
  • Unordered list 2
  • Unordered list 3

List nesting

Two empty spaces between the previous and next level lists It means that the list is nested

Example:

-Unordered list 1
  *Unordered list 11
  *Unordered list 12
  *Unordered list 13
    +Unordered list 131
    +Unordered list 132
    +Unordered list 133
-Unordered list 2
-Unordered list 3

Effect:

  • Unordered list 1

    • Unordered list 11
    • Unordered list 12
    • Unordered list 13

      • Unordered list 131
      • Unordered list 132
      • Unordered list 133
  • Unordered list 2
  • Unordered list 3

Quote

Add a before the quoted text>It supports reference nesting

Example:

> reference 1
>> reference 11 
>>> reference 111

Effect:

Quote 1

Quote 11

Quote 111

Typeface

bold

The left and right sides of the text to be bold*Number or_Surrounded by

Italics

Use one for the left and one for the right of the text to be slanted*Number or_Surrounded by

Bold + italics

The left and right sides of the text to be bold and slanted are respectively three*Number or_Surrounded by

Delete line

The left and right sides of the text to be deleted use two~Surrounded by

Example:

**Bold 1 * * bold 2__

*Italics 1 * 2_

***Bold + italics 1 * * bold + italics 2___

~~Strikeout~~

Effect:

Bold 1 Bold 2

Italic 1 Italic 2

Bold + italics 1 Bold + italics 2

Delete line

Dividing line

Three or more- *To represent a split line

Example:

---
***

Effect:



picture

[image upload failed… (image-afd14f-1551791954733)]

Among them, the image ALT represents the explanatory text of the image, the image SRC is the image address, supports local path and network path, and the image title is the title of the image, optional

Example:

![preview.png](images/preview.png "preview.png")

Effect:

Hyperlink

Hyperlink text

Among them, hyperlink text represents the explanation text of hyperlink, hyperlink URL supports local path and network path, hyperlink title is the title of hyperlink, optional

Example:

[https://snowdreams1006.github.io](https://snowdreams1006.github.io "snowdreams1006")

Effect:

https://snowdreams1006.github.io

form

  • The first row defines the header, and the cell defines the title;
  • The second line defines the style, at least one inside the cell-, left aligned by default, inside cell-Both sides add:Indicates center, only right side plus:Indicates alignment to the right;
  • The third line defines the data;

Example:

|Left by default|text center|text right|
|-|:-:|-:|
|Left aligned 1| center aligned 1| right aligned 1|
|Align left 2| align center 2| align right 2|
|Align left 3| align center 3| align right 3|

Effect:

Default left Text centered Written right
Align left 1 Center 1 Align right 1
Align left 2 Center 2 Align right 2
Align left 3 Center 3 Align right 3

Code

Single line code

Each side of the code is surrounded by an inverted quotation mark

Example:

`code`

Effect:

code

Multiline code

The beginning and end of the code block are surrounded by three quotation marks, and the quotation marks on both sides are exclusive to one line

Example:

(```)
   function fun(){
     Echo "this is a very awesome code";
   }
   fun();
(```)

Note: in order to prevent translation, parentheses are added in the back three quotation marks

Effect:

function fun(){
  Echo "this is a very awesome code";
}
fun();

Notes

Example:

<! -- comment -- >

Effect:

<! — comment — > not visibleNotesThat’s right!

Have you learned all about it?

Then test you, guess how the current document is written, and see if your answer is consistent with my actual writing rules!

For answers, please refer to snowdreams1006.github.io

Recommended Today

Gatewayworker framework of workerman – online customer service, real-time communication

I. binding user ID to realize one-to-one customer service chat Related documents: interface provided by libgateway class JS: <script> var fromid = {$fromid}; var toid = {$toid}; var ws = new WebSocket(“ws://127.0.0.1:8282”); ws.onmessage = function(e){ var message = eval(“(“+e.data+”)”); switch (message.type){ case “init”: var bild = ‘{“type”:”bind”,”fromid”:”‘+fromid+'”}’; ws.send(bild); return; case “text”: $(“.chat-content”).append(‘ <div class=”chat-text section-left […]