GitHub上README.md

最近對github的README.md文件頗為感興趣。便寫下這貼,幫助更多的還不會編寫README文件的同學們。
README文件后綴名為md。md是markdown的縮寫,markdown是一種編輯博客的語言。用慣了可視化的博客編輯器,這種編程式的博客編輯方案著實讓人眼前一亮。不過GitHub支持的語法在標準markdown語法的基礎上做了修改,稱為Github Flavored Markdown,簡稱GFM??刹皇荊FW呀。
開始編輯README
打開你的GitHub的某個項目,我們可以直接在線編輯你的README文件,如果你已經有了這個文件,則在文件目錄中直接點擊它,如果你還沒有這個文件那么點擊項目名稱右邊的一個按鈕,來添加新文件:

Paste_Image.png

然后你就打開了編輯頁面,編輯區的左上角有填寫文件名的區域,注意加上后綴.md
Paste_Image.png

如果你本來就有這個文件要重新編輯它的話,那么在點擊了文件目錄中的該文件后,在上方有工具欄,選擇Edit

Paste_Image.png

然后滾動屏幕到下面,如果是新文件會有一個Commit new file的按鈕,若沒有內容是不能點擊的。如果是舊文件重修編輯,那么這個按鈕顯示的是 Commit changes

Paste_Image.png

//順便吐槽一句如果是360或搜狗瀏覽器的話,這個按鈕是永遠都無法點擊的,囧。。
先隨便寫的東西把這個新文件提交,然后再點擊 Edit 重新打開它。你會發現編輯區左上角有了變化。

Paste_Image.png

默認選中Code,即我們的編輯模式。若點擊 Preview(預覽)就能實時顯示當前的顯示效果了。
好了,下面正式開始編輯這個文件

關于標題
規范的README文件開頭都寫上一個標題,這被稱為大標題。

大標題  
====  ```
在文本下面加上 等于號 = ,那么上方的文本就變成了大標題。等于號的個數無限制,但一定要大于0個哦。。
比大標題低一級的是中標題,也就是顯示出來比大標題小點。

中標題

在文本下面加上 下劃線 - ,那么上方的文本就變成了中標題,同樣的 下劃線個數無限制。
除此之外,你也會發現大,中標題下面都有一條橫線,沒錯這就是 = 和 - 的顯示結果。
如果你只輸入了等于號=,但其上方無文字,那么就只會顯示一條直線。如果上方有了文字,但你又只想顯示一條橫線,而不想把上方的文字轉義成大標題的話,那么你就要在等于號=和文字直接補一個空行。
**補空行:是很常用的用法,當你不想上下兩個不同的布局方式交錯到一起的時候,就要在兩種布局之間補一個空行。**
如果你只輸入了短橫線(減號)-,其上方無文字,那么要顯示直線,必須要寫三個減號以上。不過與等于號的顯示效果不同,它顯示出來時虛線而不是實線。同減號作用相同的還有星號*和下劃線_,同樣的這兩者符號也要寫三個以上才能顯示一條虛橫線。
除此以外,關于標題還有等級表示法,分為六個等級,顯示的文本大小依次減小。不同等級之間是以井號  #  的個數來標識的。一級標題有一個 #,二級標題有兩個# ,以此類推。

一級標題

二級標題

三級標題

四級標題

五級標題
六級標題 ```

注意井號#和標題名稱要并排寫作一行,顯示效果如圖:

Paste_Image.png

實際上,前文所述的大標題和中標題是分別和一級標題和二級標題對應的。即大標題大小和一級標題相同,中標題大小和二級標題相同。
顯示文本

普通文本
直接輸入的文字就是普通文本。需要注意的是要換行的時候不能直接通過回車來換行,需要使用
(或者
)。也就是html里面的標簽。事實上,markdown支持一些html標簽,你可以試試。當然如果你完全使用html來寫的話,就喪失意義了,畢竟markdown并非專門做前端的,然而僅實現一般效果的話,它會比html寫起來要簡潔得多得多啦。

這是一段普通的文本,  
直接回車不能換行,<br>  
要使用\<br>  ```
注意第三行的<br>前加了反斜杠 \ 。目的就是像其他語言那樣實現轉義,也就是 <  的轉義。
效果如圖:
![](http://upload-images.jianshu.io/upload_images/5423625-728576fc995e96aa?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
此外,要顯示一個***超鏈接***的話,就直接輸入這個鏈接的URL就好了。顯示出來會自動變成可鏈接的形式的。
顯示空格的小Tip
默認的文本行首空格都會被忽略的,但是如果你想用空格來排一下版的話怎么辦呢,有個小技巧,那就是把你的輸入法由半角改成全角就OK啦。
**單行文本**
使用兩個Tab符實現單行文本。

Hello,大家好,我是GB_speak。 ```
注意前面有兩個Tab。在GitHub上單行文本顯示效果如圖:

Paste_Image.png

多行文本
多行文本和單行文本異曲同工,只要在每行行首加兩個Tab

歡迎到訪  
很高興見到您  
祝您,早上好,中午好,下午好,晚安  ```

![Paste_Image.png](http://upload-images.jianshu.io/upload_images/5423625-a8f090c587c81577.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
**部分文字的高亮**
如果你想使一段話中部分文字高亮顯示,來起到突出強調的作用,那么可以把它用 `  ` 包圍起來。注意這不是單引號,而是Tab上方,數字1左邊的按鍵(注意使用英文輸入法)。
Thank `You` . Please `Call` Me `Coder`
[![](http://upload-images.jianshu.io/upload_images/5423625-a21de2e1e09b064e?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](https://github.com/guodongxiaren/test/blob/master/README.md)
**文字超鏈接**
給一段文字加入超鏈接的格式是這樣的 **[ ***要顯示的文字* **]( ***鏈接的地址* **)。比如:**

我的博客

顯示效果:[![](http://upload-images.jianshu.io/upload_images/5423625-ea7abbbc3485bb7e?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](https://github.com/guodongxiaren/test/blob/master/README.md)你還可以給他加上一個鼠標懸停顯示的文本。

我的博客```
即在URL之后 用雙引號括起來一個字符串。同樣要注意這里是英文雙引號。
插入符號
圓點符
這是一個圓點符
這也是一個圓點符

上面這段的圓點是CSDN博客編輯器里面的符號列表。寫文章在列出條目時經常用到。在GitHub的markdown語法里也支持使用圓點符。編輯的時候使用的是星號 *

\* 昵稱:dsajfdnjf  
* 別名:隔壁老王  
* 英文名:fndsfndnfkl  ```
要注意的是星號* 后面要有一個空格。否則顯示為普通星號。上文的顯示效果如圖:
[![](http://upload-images.jianshu.io/upload_images/5423625-f0317cb21482c85c?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](https://github.com/guodongxiaren/test/blob/master/README.md)
此外還有二級圓點和三級圓點。就是多加一個Tab。
  • 編程語言
    • 腳本語言
      • Python ```
        第二行一個Tab,第三行兩個Tab。這樣用來表示層級結構就更清晰了吧,看效果:

        如果你覺得三級的結構還不夠表達清楚的話,我們可以試著換一種形式,請看字符包圍**

縮進
縮進的含義是很容易理解的。。

>數據結構  
>>樹  
>>>二叉樹  
>>>>平衡二叉樹  
>>>>>滿二叉樹  ```
顯示效果:[![](http://upload-images.jianshu.io/upload_images/5423625-62c87a97464e21ef?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](https://github.com/guodongxiaren/test/blob/master/README.md)
當然比這個更一般的用法是這樣。常常能在書籍里面看到的效果,比如引用別人的文章。直接看效果。
[![](http://upload-images.jianshu.io/upload_images/5423625-102083442952bcc0?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](https://github.com/guodongxiaren/test/blob/master/README.md)

具體這個“縮進”的用法。大家自己摸索吧。
插入圖片

來源于網絡的圖片

網上有很多README插入圖片的教程了,經我自己多次[測試](http://lib.csdn.net/base/softwaretest)呢,發現可以使用的最簡單,最基本的語法是:

```
即 嘆號! + 方括號[ ] + 括號( ) 其中嘆號里是圖片的URL。
如果不加嘆號! ,就會變成普通文本baidu了。
在方括號里可以加入一些 標識性的信息,比如

![baidu](http://upload-images.jianshu.io/upload_images/5423625-d2434f35ad2e3c60.gif?imageMogr2/auto-orient/strip)  ```
這個方括號里的baidu并不會對圖像顯示造成任何改動,如果你想達到鼠標懸停顯示提示信息,那么可以仿照前面介紹的文本中的方法,就是這樣:

baidu
baidu
```
在URL后面,加一個雙引號包圍的字符串,顯示效果如圖:

GitHub倉庫里的圖片
有時候我們想顯示一個GitHub倉庫(或者說項目)里的圖片而不是一張其他來源網絡圖片,因為其他來源的URL很可能會失效。那么如何顯示一個GitHub項目里的圖片呢?
其實與上面的格式基本一致的,所不同的就是括號里的URL該怎么寫。
** https://github.com*****/ 你的用戶名 /** 你的項目名** / raw /** 分支名** /** 存放圖片的文件夾** /** 該文件夾下的圖片*
這樣一目了然了吧。

插入代碼片段
我們需要在代碼的上一行和下一行用` `` 標記。不是三個單引號,而是數字1左邊,Tab鍵上面的鍵。要實現語法高亮那么只要在 之后加上你的編程語言即可(忽略大小寫)。c++語言可以寫成c++也可以是cpp??创a:


實際顯示效果

[題外話]在GitHub上用Gist寫日記吧
看了這么多markdown的語法,你一定不滿足于僅僅寫一個README文件了,開始躍躍欲試想實際用markdown語法來編寫博客或文章了吧。的確,網上也有依托或者支持markdown語法的博客。但是呢,更方便的是,你可以借助GitHub本身就有的一個功能——Gist。
Gist是以文件為單位的,不是以項目為單位的。而且與普通的GitHub上建的倉庫不同,Gist是private的哦。普通的項目默認都是public的,要想弄成private貌似還要交錢的樣子。既然是private那么用來寫寫日記,是極好的。
GitHub網頁的頂部有:

點進去:

這就是你可以編輯的私有文件,它不僅支持Text文本,還支持各種編程語言呢!當然也包括markdown。輸入文件名:

最后保存,選中 Create Secret Gist 就是私有的嘍。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,321評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,559評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,442評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,835評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,581評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,922評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,931評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,096評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,639評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,374評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,591評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,104評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,789評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,196評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,524評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,322評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,554評論 2 379

推薦閱讀更多精彩內容

  • 最近對它的README.md文件頗為感興趣。便寫下這簡書,希望幫助更多的還不會編寫README文件的同學們。REA...
    id_confidence閱讀 8,143評論 0 3
  • 1、編輯README文件大標題(一級標題):在文本下面加等于號,那么上方的文字就變成了大標題,等于號的個數無限制,...
    輕斟淺醉17閱讀 9,817評論 0 5
  • 原文章:http://guoyunsky.iteye.com/blog/1781885 用github也1.年半了...
    蕭喃閱讀 3,651評論 0 1
  • 六歲,我開始了人生中的自我介紹 “來某村的哪一戶” 十歲時,我悄悄告訴別人 我來自哪里的鄉鎮 十六歲,口中的某鄉鎮...
    劉亞寧閱讀 243評論 0 0
  • 文|嵐小茉 年底到了,很多在外打拼的80后90后,想回家,又不敢回。其中一個原因是,怕回家被逼婚。 作為一名80后...
    嵐小茉閱讀 510評論 4 3