# GFM語法解讀 * * * ~~~md 大標題 ==== ~~~ 在文本下面加上 等于號 = ，那么上方的文本就變成了大標題。等于號的個數無限制。 本組件庫文檔從中標題開始使用。 ~~~md 中標題 ------- ~~~ 在文本下面加上 下劃線 - ，那么上方的文本就變成了中標題同樣的下劃線個數無限制。 除此之外，你也會發現大，中標題下面都有一條橫線，沒錯這就是 = 和 - 的顯示結果。 如果你只輸入了等于號=，但其上方無文字，那么就只會顯示一條直線。如果上方有了文字，但你又只想顯示一條橫線，而不想把上方的文字轉義成大標題的話，那么你就要在等于號=和文字直接補一個空行。 補空行：是很常用的用法，當你不想上下兩個不同的布局方式交錯到一起的時候，就要在兩種布局之間補一個空行。 ~~~md # 一級標題 ## 二級標題 ### 三級標題 #### 四級標題 ##### 五級標題 ###### 六級標題 ~~~ > 注意井號#和標題名稱要并排寫作一行，顯示效果： # 一級標題 ## 二級標題 ### 三級標題 #### 四級標題 ##### 五級標題 ###### 六級標題 ## 普通文本 ~~~md 這是一段普通的文本， 直接回車不能換行，<br> 要使用\<br> ~~~ 直接輸入的文字就是普通文本。需要注意的是要換行的時候不能直接通過回車來換行，需要使用`<br>(或者<br/>)`。也就是html里面的標簽。事實上，markdown支持一些html標簽，你可以試試。當然如果你完全使用html來寫的話，就喪失意義了，畢竟markdown并非專門做前端的，然而僅實現一般效果的話，它會比html寫起來要簡潔得多得多啦。 注意第三行的`<br>`前加了反斜杠 \\ 。目的就是像其他語言那樣實現轉義，也就是 < 的轉義。 此外，要顯示一個超鏈接的話，就直接輸入這個鏈接的URL就好了。顯示出來會自動變成可鏈接的形式的。 補充： 聯系兩個回車也能達到換行的效果。也就是在文檔中有個空行，表現為真正頁面的換行。 ## 插入代碼片段 寫法如下：(注意包圍符合)  ## 單行文本 使用兩個Tab符實現單行文本。 ## 部分文字的高亮 如果你想使一段話中部分文字高亮顯示，來起到突出強調的作用，那么可以把它用包圍起來。注意這不是單引號，而是Tab上方，數字1左邊的按鍵（注意使用英文輸入法）。 寫法： ~~~md Thank `You` . Please `Call` Me `Coder` ~~~ 效果： Thank`You`. Please`Call`Me`Coder` ## 文字超鏈接 給一段文字加入超鏈接的格式是這樣的[要顯示的文字](http://mall.seeyon.com/help/Public/dev/%E9%93%BE%E6%8E%A5%E7%9A%84%E5%9C%B0%E5%9D%80)。比如： ~~~md [我的博客](http://blog.csdn.net/xxxx) ~~~ 顯示效果：[我的博客](http://blog.csdn.net/xxxx) ## 插入符號 ### 圓點符 ~~~md * 昵稱：CAP4項目組 ~~~ 要注意的是星號\* 后面要有一個空格。否則顯示為普通星號。上文的顯示效果如圖： * 昵稱：CAP4項目組 此外還有二級圓點和三級圓點。就是多加一個Tab。 ### 縮進 ~~~md >數據結構 >>樹 >>>二叉樹 >>>>平衡二叉樹 >>>>>滿二叉樹 ~~~ 顯示效果： > 數據結構 > > > 樹 > > > > > 二叉樹 > > > > > > > 平衡二叉樹 > > > > > > > > > 滿二叉樹 ## 插入圖片 嘆號! + 方括號\[ \] + 括號( ) 其中嘆號里是圖片的URL。在方括號里可以加入一些 標識性的信息，比如 ~~~md   ~~~ 這個方括號里的baidu并不會對圖像顯示造成任何改動，如果你想達到鼠標懸停顯示提示信息，那么可以仿照前面介紹的文本中的方法，就是這樣： ~~~md  ~~~ ### 給圖片加上超鏈接 ~~~md [![baidu]](http://baidu.com) [baidu]:http://www.baidu.com/img/bdlogo.gif "百度Logo" ~~~