preface

In the process of writing, I often use Markdown to write articles, but sometimes I forget some grammar, so I have to go through it for a while, so THIS time I have sorted it out for you! Remember the words on the collection, collection can be viewed at any time!

I’m the top position

I want to get straight to the comments

The divider

  1. Use the * divider
  • Effect:

  • Grammar: * * * * * * * * *
  1. Use the split line of —
  • Effect:

  • Grammar: — — — — — — — —

reference

  • Effect:

Refer to the content

Nested references ‘>’ use characters

  • Syntax: single: >; Nested: > >

tag

  • Effect:

    • Use the * tag
    • Use the + mark
    • Use the -tag
  • Syntax: * XXX, + XXX, -xxx

The list of

  • Effect:
  1. An ordered list
    1. nested
    2. nested
  2. An ordered list
  • Grammar:
1. hhhhh
2. wwwww
3. qqqqq
Copy the code

code

  1. The inline code
  • Effect: I’m console.log(‘ in line ‘) code

  • Syntax: ‘console.log(‘ in line ‘)’

  1. Block code, specifying the syntax code
  • Effect:
// Here is a block of code, and this is javascript code
console.log('Block code');
Copy the code
  • Grammar:
Javascript // Here is a block of code, and the javascript code console.log(' block code '); \ get rid of \ hereCopy the code

link

  1. Normal hyperconnection:
  • Effect: Google
  • Grammar:[Google](https://www.google.com)
  1. Local hyperlinks:
  • Results: the markdown
  • Grammar:[markdown](./img/default.jpg)
  1. Hyperlinks containing title:
  • Results: the titile
  • Grammar:[titile](https://www/baidu.com, 'Baidu ')

A newline

  • Effect:

Hello, roll

  • Syntax: use a

    line break

The picture

  1. Line picture:
  • Grammar:! [GitHub](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ec1dcdca336b465a9728d0ae1391d167~tplv-k3u1fbpfcp-zoom-1.image )
  1. Image with title:
  • Grammar:! [Github](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51818583701142ca9326314b413efaaa~tplv-k3u1fbpfcp-zoom-1.image "How beautiful! ")
  1. Specify image size:
  • Grammar:<img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e580b1a56ee94085a8b1769833e24569~tplv-k3u1fbpfcp-zoom-1.image" alt="GitHub" title="Cat" width="200" height="200" />

Emphasis on

  1. 3. To place emphasis on:
  • Effect: I’m emphasized, and so am I
  • Syntax: ** Write ** here
  1. Stands for bold italics:
  • Effect:Bold italic
  • Syntax: *** write *** here
  1. Italics:
  • Effect:Oh, I’m bent
  • Syntax: * Write * here
  1. Background highlighting:
  • Effect: == Boy, the Nuggets don’t seem to support ==
  • Syntax: == write == here,

Characters to escape

Usage: If I want to display *, I am highlighted *

\ '* _ {} [] () # + -.!Copy the code

Delete the line

  • Effect:It was deleted
  • Syntax: ~~ has been deleted

form

  1. Left-align table:
    name age
    wang 20
  • Grammar:
  1. Center table:
name age
wang 20
  • Grammar:
  1. Right-align table:
name age
wang 20
  • Grammar:

  • Use other content in the form:

name age
Emphasis on oh A link

Grammar:

Complete listing

  • Effect:

    • It’s not done
    • It’s done
  • Grammar:

The indentation

  • Effect:

I tucked it in

So am I

So coincidental?

  • Grammar:

alignment

  • Effect:

Line left

The right alignment,

  • Grammar:

reference

  • Effect:

I often go to several websites Google, nuggets.

  • Grammar:
I often go to several websites [Google][1], [Nuggets][2]. [1]:http://www.google.com [2]:http://www.juejin.cnCopy the code

footnote

  • Result: Markdown1 is really good and can be converted to HTML2. 3 is shown at the end of the document
  • Grammar:
Markdown[^1] is really good and can be converted to HTML[^2]. Markdown is plain text markup Language [^2]: Hypertext Markup Language [^3]: end-of-document footnoteCopy the code

The anchor

  • Effect: Back to top I defined the A tag at the top

  • Syntax: [back to top](#top)

tag

  • Effect: Hello, I collected

  • Syntax: <mark> Great, I have </mark>

folding

  • Effect:
Click here for details
  console.log('I'm folded content.');
Copy the code
  • Grammar:
<details> <summary> Click to view the details </summary> ' 'javascript console.log(' I'm folded content '); ``` </details>Copy the code

conclusion

Daily writing used, probably so much, if there are more useful useful, welcome to continue to add!

Like and comment guys


  1. Markdown is a plain text markup language ↩
  2. Hypertext Markup Language ↩
  3. Note ↩ at the end of the document