利用GitHub建立自己的Markdown圖牀

利用GitHub建立自己的Markdown圖牀

前言

• 首先，你要對待GitHub有一定的瞭解，如果不瞭解也沒什麼關係，可以先收藏這篇博客，然後到廖雪峯的官網上系統學習一下Git，這是鏈接Git教程

• 其次，你需要對MarkDown語法有一定了解，圖片鏈接的MarkDown語法是：![ ]( )

  • 感嘆號表示這是一個圖片鏈接
  • 方括號中填圖片加載失敗時顯示的文字，當然你不寫也可以
  • 圓括號中填圖片鏈接

• 再次，筆者建議你先看完全文再去實踐，畢竟，前事不忘後事之師。

模板

• 那麼接下來就開始實踐利用GitHub建立自己的MarkDown圖牀：
  • 下面先給出模板，它是一張GitHub圖片的鏈接：

![](https://raw.githubusercontent.com/你的帳號名/圖片路徑/picture.jpg)

需要注意的兩點是

1.這個鏈接模板是以 https://raw.githubusercontent.com/ 開頭的,而不是GitHub的官網 https://github.com 開頭，請做好區別
2. 圖片名稱不要包含中文字符

實踐

• 首先，先給出一個平平無奇的上傳在GitHub上的圖片鏈接：
  https://github.com/CapWu/YouDaoPic/blob/master/JavaLearningMap.jpg

• 這是筆者上傳在賬號上的java學習路徑的圖片，我們先刪除掉協議和主機名：
  https://github.com/CapWu/YouDaoPic/blob/master/JavaLearningMap.jpg

這一步要注意了，我們要刪除掉中間的blob：
/CapWu/YouDaoPic/blob/master/JavaLearningMap.jpg

拿出我們剛纔的模板![](https://raw.githubusercontent.com/你的帳號名/圖片路徑/picture.jpg)，套進去：
![JavaLearningMap](https://raw.githubusercontent.com/CapWu/YouDaoPic/master/JavaLearningMap.jpg)

效果圖

• 這是有道雲筆記PC版的效果圖
  

尾聲

這個方法經筆者在有道雲筆記實踐成功過的，值得一提的是，如果在CSDN上寫博客就不用那麼麻煩了，當然也不會成功，因爲這麼做的話CSDN會從該鏈接中轉存GitHub的圖片，這當然會喫到GitHub防盜鏈的苦頭。

另外安利一下有道雲筆記，它支持MarkDown，也可以把你那些PDF文件的編程書放在有道雲上面雲存儲，支持多平臺登錄，真的不要太香，這讓本該貧窮的家庭嚐到了一些些甜頭。