一篇文章搞定Markdown

Finit發表於2018-05-05

Markdown的優勢不再贅述，直接上語法。

標題

標題一這麼寫： #標題內容 二級標題則需要在標題內容前加兩個##，以此類推，直到六個#為止，即標題六。七個及以上的#不再生效。

分隔線

方式一： 單行使用三個及以上 *，獨立成行，不要有其它字元，* 之間允許存在空格。 方式二： 單行使用三個及以上 _，獨立成行，不要有其它字元，_ 之間允許存在空格。 方式三： 單行使用三個及以上-，獨立成行，不要有其它字元，-之間允許存在空格。

引用

我這篇文章就是用markdown語法寫的。 引用這麼寫：>文字內容。

列表

無序列表

無序列表這麼寫：

  • +列表內容
  • *列表內容
  • -列表內容 注意：+、-、*與列表內容之間至少存在一個空格。

有序列表

有序列表這麼寫：以數字和 . 開頭。 1.列表內容 2.列表內容

換行

換行這樣寫：行尾加< br >，括號間不應該有空格。 咦？是不是很眼熟，親愛的程式猿朋友？尤其是前端攻城獅們。

超連結

超連結這麼寫： [ 淘寶 ] (https://www.taobao.com)。 效果——淘寶。 注意：中括號後面緊跟小括號，不要有空格。

圖片

圖片基於超連結的寫法，然後在最前面加上 ! 即可。 效果——淘寶圖片。

字元轉義

在特殊字元前加上 \ 即可。程式猿們對此依然很眼熟。

如何強調內容？

  • 使用*星號(*)*表示斜體。
  • 使用*雙星號(**)表示加粗。 注意事項：、**需要成對出現，且不能與包裹的內容間留有空格。

程式猿專區

程式碼塊

程式碼塊這麼寫： ```程式碼內容``` 

複製程式碼

程式碼高亮——在第一行```後面指定程式語言，例如```js

效果如下：

  console.log('hello');
複製程式碼

注意：```必須獨自佔據一行。

思考：Markdown語法是不是和HTML有異曲同工之妙，比如#對應h1標籤，顯然前者更簡潔，那麼作為軟體工程師你能實現類似Markdown的功能嗎？或者說其原理是什麼？

說明

所有使用的語法字元都得采用英文輸入法輸入。

相關文章