最近對它的README.md文件頗為感興趣。便寫下這貼,幫助更多的還不會編寫README文件的同學們。
README文件后綴名為md。md是markdown的縮寫,markdown是一種編輯博客的語言。用慣了可視化的博客編輯器(比如CSDN博客,囧),這種編程式的博客編輯方案着實讓人眼前一亮。不過GitHub支持的語法在標准markdown語法的基礎上做了修改,稱為Github Flavored Markdown,簡稱GFM。可不是GFW呀。
————————————————————————————
我在GitHub上為本文建的一個倉庫“test”,供大家查看代碼即具體效果:https://github.com/guodongxiaren/test
本倉庫README文件持續更新,新的知識點可能不會更新到博文中。首先強烈建議一條,不要用360或搜狗瀏覽器訪問GitHub網站,你會發現此時網站上很多按鈕都不可用。。建議使用火狐或谷歌瀏覽器訪問GitHub
————————————————————————————
開始編輯README
打開你的GitHub的某個項目,我們可以直接在線編輯你的README文件,如果你已經有了這個文件,則在文件目錄中直接點擊它,如果你還沒有這個文件那么點擊項目名稱右邊的一個按鈕,來添加新文件:
然后你就打開了編輯頁面,編輯區的左上角有填寫文件名的區域,注意加上后綴.md
如果你本來就有這個文件要重新編輯它的話,那么在點擊了文件目錄中的該文件后,在上方有工具欄,選擇Edit
然后滾動屏幕到下面,如果是新文件會有一個Commit new file的按鈕,若沒有內容是不能點擊的。如果是舊文件重修編輯,那么這個按鈕顯示的是 Commit changes
//順便吐槽一句如果是360或搜狗瀏覽器的話,這個按鈕是永遠都無法點擊的,囧。。
先隨便寫的東西把這個新文件提交,然后再點擊 Edit 重新打開它。你會發現編輯區左上角有了變化。
默認選中Code,即我們的編輯模式。若點擊 Preview(預覽)就能實時顯示當前的顯示效果了。
好了,下面正式開始編輯這個文件
關於標題
規范的README文件開頭都寫上一個標題,這被稱為大標題。
- 大標題
- ====
比大標題低一級的是中標題,也就是顯示出來比大標題小點。
- 中標題
- -------
在文本下面加上 下划線 - ,那么上方的文本就變成了中標題,同樣的 下划線個數無限制。
除此之外,你也會發現大,中標題下面都有一條橫線,沒錯這就是 = 和 - 的顯示結果。
如果你只輸入了等於號=,但其上方無文字,那么就只會顯示一條直線。如果上方有了文字,但你又只想顯示一條橫線,而不想把上方的文字轉義成大標題的話,那么你就要在等於號=和文字直接補一個空行。
補空行:是很常用的用法,當你不想上下兩個不同的布局方式交錯到一起的時候,就要在兩種布局之間補一個空行。
如果你只輸入了短橫線(減號)-,其上方無文字,那么要顯示直線,必須要寫三個減號以上。不過與等於號的顯示效果不同,它顯示出來時虛線而不是實線。同減號作用相同的還有星號*和下划線_,同樣的這兩者符號也要寫三個以上才能顯示一條虛橫線。
除此以外,關於標題還有等級表示法,分為六個等級,顯示的文本大小依次減小。不同等級之間是以井號 # 的個數來標識的。一級標題有一個 #,二級標題有兩個# ,以此類推。
- #一級標題
- ##二級標題
- ###三級標題
- ####四級標題
- #####五級標題
- ######六級標題
實際上,前文所述的大標題和中標題是分別和一級標題和二級標題對應的。即大標題大小和一級標題相同,中標題大小和二級標題相同。
顯示文本
普通文本
直接輸入的文字就是普通文本。需要注意的是要換行的時候不能直接通過回車來換行,需要使用<br>(或者<br/>)。也就是html里面的標簽。事實上,markdown支持一些html標簽,你可以試試。當然如果你完全使用html來寫的話,就喪失意義了,畢竟markdown並非專門做前端的,然而僅實現一般效果的話,它會比html寫起來要簡潔得多得多啦。
- 這是一段普通的文本,
- 直接回車不能換行,<br>
- 要使用\<br>
效果如圖:
此外,要顯示一個超鏈接的話,就直接輸入這個鏈接的URL就好了。顯示出來會自動變成可鏈接的形式的。
顯示空格的小Tip
單行文本
使用兩個Tab符實現單行文本。
- Hello,大家好,我是果凍蝦仁。
多行文本
多行文本和單行文本異曲同工,只要在每行行首加兩個Tab
- 歡迎到訪
- 很高興見到您
- 祝您,早上好,中午好,下午好,晚安
部分文字的高亮
如果你想使一段話中部分文字高亮顯示,來起到突出強調的作用,那么可以把它用 ` ` 包圍起來。注意這不是單引號,而是Tab上方,數字1左邊的按鍵(注意使用英文輸入法)。
Thank `You` . Please `Call` Me `Coder`
文字超鏈接
給一段文字加入超鏈接的格式是這樣的 [ 要顯示的文字 ]( 鏈接的地址 )。比如:
- [我的博客](http://blog.csdn.net/guodongxiaren)

你還可以給他加上一個鼠標懸停顯示的文本。
- [我的博客](http://blog.csdn.net/guodongxiaren "懸停顯示")
插入符號
圓點符
- 這是一個圓點符
- 這也是一個圓點符
上面這段的圓點是CSDN博客編輯器里面的符號列表。寫文章在列出條目時經常用到。在GitHub的markdown語法里也支持使用圓點符。編輯的時候使用的是星號 *
- * 昵稱:果凍蝦仁
- * 別名:隔壁老王
- * 英文名:Jelly
此外還有二級圓點和三級圓點。就是多加一個Tab。
- * 編程語言
- * 腳本語言
- * Python
如果你覺得三級的結構還不夠表達清楚的話,我們可以試着換一種形式,請看字符包圍
縮進
縮進的含義是很容易理解的。。
- >數據結構
- >>樹
- >>>二叉樹
- >>>>平衡二叉樹
- >>>>>滿二叉樹

當然比這個更一般的用法是這樣。常常能在書籍里面看到的效果,比如引用別人的文章。直接看效果。
具體這個“縮進”的用法。大家自己摸索吧。
插入圖片
來源於網絡的圖片
網上有很多README插入圖片的教程了,經我自己多次測試呢,發現可以使用的最簡單,最基本的語法是:
- 
即 嘆號! + 方括號[ ] + 括號( ) 其中嘆號里是圖片的URL。
如果不加嘆號! ,就會變成普通文本baidu了。
在方括號里可以加入一些 標識性的信息,比如
- 
這個方括號里的baidu並不會對圖像顯示造成任何改動,如果你想達到鼠標懸停顯示提示信息,那么可以仿照前面介紹的文本中的方法,就是這樣:
- 
GitHub倉庫里的圖片
有時候我們想顯示一個GitHub倉庫(或者說項目)里的圖片而不是一張其他來源網絡圖片,因為其他來源的URL很可能會失效。那么如何顯示一個GitHub項目里的圖片呢?
其實與上面的格式基本一致的,所不同的就是括號里的URL該怎么寫。
https://github.com/ 你的用戶名 / 你的項目名 / raw / 分支名 / 存放圖片的文件夾 / 該文件夾下的圖片
這樣一目了然了吧。比如:
- 
給圖片加上超鏈接
如果你想使圖片帶有超鏈接的功能,即點擊一個圖片進入一個指定的網頁。那么可以這樣寫:
- [![baidu]](http://baidu.com)
- [baidu]:http://www.baidu.com/img/bdlogo.gif "百度Logo"
這樣就能實現 點擊圖片進入網頁的功能了。
插入代碼片段
我們需要在代碼的上一行和下一行用` `` 標記。``` 不是三個單引號,而是數字1左邊,Tab鍵上面的鍵。要實現語法高亮那么只要在 ``` 之后加上你的編程語言即可(忽略大小寫)。c++語言可以寫成c++也可以是cpp。看代碼:
實際顯示效果
[題外話]在GitHub上用Gist寫日記吧
看了這么多markdown的語法,你一定不滿足於僅僅寫一個README文件了,開始躍躍欲試想實際用markdown語法來編寫博客或文章了吧。的確,網上也有依托或者支持markdown語法的博客。但是呢,更方便的是,你可以借助GitHub本身就有的一個功能——Gist。
Gist是以文件為單位的,不是以項目為單位的。而且與普通的GitHub上建的倉庫不同,Gist是private的哦。普通的項目默認都是public的,要想弄成private貌似還要交錢的樣子。既然是private那么用來寫寫日記,是極好的。
GitHub網頁的頂部有:
點進去:
這就是你可以編輯的私有文件,它不僅支持Text文本,還支持各種編程語言呢!當然也包括markdown。輸入文件名:
最后保存,選中 Create Secret Gist 就是私有的嘍。