Markdown新手教程

什么是Markdown?

Markdown是一種輕量級標記語言。它允許人們“使用易讀易寫的純文本格式編寫文檔,然后轉(zhuǎn)換成有效的XHTML(或者HTML)文檔”。Markdown 的設(shè)計目的是方便寫作的時候,標記格式、同時使標記格式后的純文本,比起 HTML 源碼,更有可讀性。

用Markdown寫作有什么好處?

概括來講,Markdown有如下優(yōu)點:

  • 語法比HTML簡單,并且能實現(xiàn)大部分HTML能實現(xiàn)的功能
  • 格式排版良好,簡單直觀,可讀性強

有哪些比較好的Markdown寫作工具?

由于自己一直用的Mac,所以就推薦一些Mac上比較好的Markdown工具,大概有如下幾個:

  • GitBook Editor(免費,功能強大,首推)
  • UIysses(收費,聽說很不錯)
  • Mou(輕量級,對中文支持也不錯)
  • 簡書(網(wǎng)站,原生支持Markdown)

為了接下來能夠更好的演示Markdown語法,我將以簡書為例來介紹

標題

和HTML一樣,Markdown支持添加6個級別的標題,分別是一級標題、二級標題......六級標題,在Markdown語法中,只需要在對應(yīng)的級別標題前加上對應(yīng)數(shù)量的#符號即可,需要注意的一點就是標題與#之間最好保持一個空格

963F1108-2653-423C-A718-6DC38CC86369.png

水平分區(qū)線

在需要添加橫線的行,添加三個或三個以上短橫線-、星號*、或者下劃線_即可

15C755DA-3826-44A4-968F-F7DE517147DB.png

引用

在需要引用的話前面加上符號>,效果如下圖

0306C232-187B-4388-BF9D-80CF249078CA.png

中劃線

GitBook Editor上支持一些HTML標簽,所以在GitBook Editor上可以直接使用<del> 內(nèi)容</del>來實現(xiàn)中劃線,但是簡書不支持,在簡書上需要用*~~內(nèi)容~~*來實現(xiàn)中劃線的功能
注意:符號與內(nèi)容之間不能有空格

A53F16B5-31B0-42DD-B46C-F12D13C9BCDF.png

斜體

在要加粗的句子兩邊添加關(guān)鍵符號*

961ADAFF-A732-4B04-9A0D-4EA0BE6D594F.png

粗體

有時我們在寫文章時,想突出某個字、詞、句,那么我們可以使其加粗顯示,方法就是在要加粗的句子兩邊添加都**

A9ED8AF4-A0F3-4343-A23E-71CFF0896ECF.png

斜粗體

如果想讓某個字、詞、或句即顯示斜體又顯示粗體,以示強調(diào),可以在其兩邊添加***

7AD2268F-4E21-435C-859B-77BCB0433F6D.png

鏈接

添加鏈接方法:[鏈接文字] (鏈接地址)


83D40744-84F2-4692-B5EA-0D94AE314E3B.png

圖片

添加圖片的方法和添加超鏈接的方法類似,只是在超鏈接的方法前加了一個!,添加圖片方法如下
![圖片名稱] (圖片地址)
如果是本地圖片如何獲得圖片地址呢,這是我們可以把要上傳的圖片鼠標拖進簡書編輯區(qū),就可以直接生成一張圖片的鏈接地址了。
獲取圖片鏈接:

Xcode error.gif

添加圖片:
531550A5-343F-4EFF-BD77-6ABF6E11F4A4.png

無序列表

在列表前加上一個*+、或者-即可,需要注意的文字與符號之間最好空一格

F9CFC88B-31DF-4963-9EF9-0719534E3E7E.png

有序列表

添加有序列表的方法是,在文字前添加數(shù)字加英文句點,需要注意的文字與符號之間最好空一格


3859AD58-AB94-4C80-B440-B43D1B195074.png

背景

給文字添加背景只需要在文字的兩邊添加反引號 `即可

FFA63ABE-69D3-4E26-B949-6E510AB0F796.png

表格

下圖中,如果想讓文字左對齊,就用:---,居中:----:,右對齊----:

ED0950A9-9121-48C2-93B3-F575E2E9E2F5.png

代碼塊

作為一個軟件開發(fā)人員,在寫作中往往需要在文章中添加部分代碼,如果直接把代碼粘貼在文章中會顯得很不好看,借助Markdown語法就能達到很好的顯示效果,方法就是在需要添加代碼的上下兩行添加三個反引號```,并且在代碼上面一行的反引號后指明所引入的代碼用的什么語言,(唉,表達能力不咋地,不多說了,看圖)。

7AC436A0-4AE3-4BB3-B616-997E98EAD78E.png

希望對你能有所幫助,如果有錯誤,請指正,謝謝。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容