*網上關于Markdown的學習筆記俯拾皆是,說明神器已成標配,更說明“紙上得來終覺淺,絕知此事要躬行”,一千個讀者有一千個哈姆雷特,而一千個學Markdown的人有一千種學法。見賢思齊再反思諸己,勇敢邁出第一步后逢山開路遇水架橋,才能學有所獲。道阻且長,行則將至。 ——題記*
Markdown? 是一種輕量級的「標記語言」,由英國人John Gruber于1984年創建,初衷是希望用簡潔的語法代替排版,其常用的標記符號不超過十個,相對更為復雜的 HTML 語言Markdown 十分輕量,雖然初時艱澀,但學習曲線極短、成本幾乎忽略不計,很快便會沉浸其中樂而忘返。本人以Typora作為Markdown編輯器。
一、標題
標題文字前加#,幾個#就是第幾級標題,可設置1-6級標題。
示例:
效果:
一級標題
二級標題
三級標題
四級標題
五級標題
六級標題
注意:#要在行首,文字才可顯示為標題。一些教程提及#后應加空格,本人用Typora實測#號后加不加空格沒有差別。還有些教程提及=和-可標記一級和二級標題,本人用Typora實測不可以。
二、文字格式
1. 字體
效果:
斜體文本
斜體文本
粗體文本
粗體文本
粗斜體文本
粗斜體文本
2. 刪除線
文字的兩端加上兩個波浪線 ~~ 即可添加刪除線。
示例:
效果:BAIDU.COM
3. 分隔線
在一行中用三個以上的星號*、減號-、底線_來建立一個分隔線,行內不能有其他符號或文字。
示例:
效果:
注意:設置多條分隔線時似乎寬窄交替,沒有查到是什么原因,歡迎指教。
4.下劃線
示例:
效果:
帶下劃線文本
三、引用
效果:
我是引用的內容
我也是引用的內容
我也也是引用的內容
我也也也是引用的內容
四、列表
效果:
1.第一項:
??? 第一項嵌套的第一個元素
??? 第一項嵌套的第二個元素
2.第二項:
??? 第二項嵌套的第一個元素
??? 第二項嵌套的第二個元素
開頭一個感嘆號 !
接著一個方括號,里面放圖片下方的解釋文字,可省略文字而只有空的方括號。
接著一個普通括號,里面放上圖片的地址,本地圖片可選擇文件地址,網絡圖片可填網址,最后還可以用引號包住并加上選擇性的 'title' 屬性的文字,title可省略。
示例:
六、超鏈接
效果:
這個鏈接用 1 作為網址變量Google
這個鏈接用 runoob 作為網址變量Runoob
然后在文檔的結尾為變量賦值(網址)
[1] http://www.google.com/
[runoob] http://www.runoob.com/
七、表格
Markdown 制作表格使用 | 來分隔不同的單元格,使用 - 來分隔表頭和其他行。
示例:
而Typora僅需使用|來分割表頭不同單元格,Enter后即可生成表格,行數、列數等都可調整。
八、代碼
效果:
$(document).ready(function() {
alert('RUNOOB');
});
###九、轉義
Markdown 使用了很多特殊符號來表示特定的意義,如果需要顯示特定的符號則需要使用轉義字符,可使用反斜杠轉義特殊字符。
示例:
效果:
**文本加粗**
\*\*正常顯示星號\*\*
Markdown 支持以下這些符號前面加上反斜杠來幫助插入普通的符號:
十、角標
角標內容會被放在文末,點擊角標可以實現跳轉,點擊文末的返回按鈕即可返回角標,使用 [^] 來定義腳注。
示例:
效果(注釋在下頁的腳注):
這篇博客是有關MarkDown基本語法的博客[^1] ,希望以后繼續加油,多寫博客[^2]。
[1] [球丁丁的第一篇學習博客]
[2] [加油加油加油]
以上是我從網絡上獲得的中文資料總結而來的內容。
如果計算機英語底子夠好,Firefox瀏覽器有個很厲害的插件markdown here可以將瀏覽器編輯器里的Markdown轉換成更精美的 HTML文檔,這個插件有個Markdown Here Cheatsheet,對markdown的語法和應用有更詳細的介紹。
參考資料:
Markdown 教程 https://www.runoob.com/markdown/md-tutorial.html