MarkDown入門

大猿猴發表於2018-11-06

MarkDown是一種可以使用普通文字編輯器編寫的標記語言,通過簡單的標記語法,它可以使普通文字內容具有一定的格式。

MarkDown簡介

目標

  • 易讀易寫
  • 相容HTML

區塊元素

  • 段落和換行
  • 標題
  • 引用
  • 列表
  • 程式碼塊
  • 分隔線

區段元素

  • 連結
  • 強調
  • 行內程式碼
  • 圖片

其他

  • 自動連結
  • 轉義

MarkDown語法

1. 標題

書寫如下,

###### 標題六使用6個#
#####  標題五使用5個#
####   標題四使用4個#
###    標題三使用3個#
##     標題二使用2個#
#      標題一使用1個#
複製程式碼

效果如下,

標題六使用6個#
標題五使用5個#

標題四使用4個#

標題三使用3個#

標題二使用2個#

標題一使用1個#

2. 引用

書寫如下,

>行首使用 '>',即可構成區塊引用
>
>This is a blockquote.This is a blockquote.This is a blockquote.
     
>這是區塊引用。
>>內部使用了另一個區塊引用。
>
>回到上個區塊引用
複製程式碼

效果如下,

行首使用 '>',即可構成區塊引用

This is a blockquote.This is a blockquote.This is a blockquote.

這是區塊引用。

內部使用了另一個區塊引用。

回到上個區塊引用。

3. 列表

  1. 無序列表

    書寫如下,

     * red
     * green
     * blue
     + white
     + black
     + yellow
     - gray
     - orange
     - pink
    複製程式碼

    效果如下,

  • red
  • green
  • blue
  • white
  • black
  • yellow
  • gray
  • orange
  • pink
  1. 有序列表

    書寫如下,

     1. angry    
     2. happy
     3. sad
     1. amazing
     0. lazy
    複製程式碼

    效果如下,

    1. angry
    2. happy
    3. sad
    4. amazing
    5. lazy

4. 程式碼塊

這是一個程式碼區塊。
程式碼區塊從有縮排的一行開始,一直到沒有縮排的一行結束。
程式碼區塊不認別任何語法,一切視為純文字。
複製程式碼

5. 分隔線

書寫如下,

***
---
複製程式碼

效果如下,



6. 連結

  1. 行內式連結

    書寫如下,

     [百度](http://www.baidu.com)
     [騰訊](http://www.tencent.com)
     [關於我](/aboutMe/)
    複製程式碼

    效果如下,

    百度 騰訊 關於我

  2. 參考式連結

    書寫如下,

     [個人][person]
     [Google][]
     [person]:  http://www.baidu.com
         (Hello,Welcome to my world!)
     [Google]: http://google.com
         (Welcome to access Google.)
    複製程式碼

    效果如下,

    個人 Google

    注意:連結辨別標籤不區分大小寫,比如person與PERSON是等價的。

7. 強調

書寫如下,

斜體:
*斜體*
_斜體_

加粗:
我在**強調**這兩字。看到 __強調__ 這兩字了沒。
複製程式碼

效果如下,

斜體: 斜體 斜體

加粗: 我在強調這兩字。看到 強調 這兩字了沒。

8. 行內程式碼

書寫如下,

``console.log(這是反引號`,用來標記行內程式碼。行內程式碼不認任何語法,一切視為純文字。);``
複製程式碼

效果如下,

console.log(這是反引號`,用來標記行內程式碼。行內程式碼不認任何語法,一切視為純文字。);

9. 圖片

  1. 行內式圖片連結

    書寫如下,

     ![I love markdown](https://user-gold-cdn.xitu.io/2018/11/6/166e909169a5ce47?
     w=900&h=600&f=jpeg&s=29383)
    複製程式碼

    效果如下,

    I love markdown

  2. 參考式圖片連結

    書寫如下,

     ![皮卡丘][id]
     [id]: https://user-gold-cdn.xitu.io/2018/7/24/164cbad56f1fd1a9?
     w=494&h=480&f=jpeg&s=17358 "皮卡丘"
    複製程式碼

    效果如下,

    皮卡丘
    皮卡丘

10. 自動連結

書寫如下,

<http://www.baidu.com>

<1234567890@163.com>
複製程式碼

效果如下:

www.baidu.com

1234567890@163.com

11. 反斜槓

支援下面字元的轉義,書寫如下,

\\ \` \_ \* \{ \} \[ \] \( \) \# \+ \- \. \!
複製程式碼

效果如下:

\ ` _ * { } [ ] ( ) # + - . !

學習連結

https://github.com/riku/Markdown-Syntax-CN/blob/master/syntax.md複製程式碼

相關文章