【問題解決方案】GitHub的md中使用庫中圖片

參考鏈接：

• 在GitHub中使用圖片功能
• Github的readme中插入圖片，寫代碼，以及一些相關格式

插入圖片的格式

• ![這個括號里寫的在圖片加載失敗時顯示(PS:可以不寫)](圖片網址)

• 可以直接使用網絡資源的圖片，但是建議將圖片上傳到github倉庫再利用，倉庫里的資源來調用

使用庫圖片時的圖片地址格式

• github倉庫中的圖片鏈接格式：

  • 右擊github中的圖片，獲得鏈接：https://github.com/nxf75/ML_Library/blob/master/Hadoop/Haddop%E6%A1%86%E6%9E%B6.png

• 現在直接把鏈接寫入markdown中，是無效的，解決方法(親測有效)：

  • 1.把blob替換成raw.

  • 2.直接右鍵選中圖片,復制圖片地址.

  • 3.圖片中點擊download(不是右擊，是點進去)，在圖片打開頁復制地址。

  • 4.在博客園或者簡書的Markdown編輯頁面中插入圖片，得到自動轉碼的圖片，再復制粘貼到所需的md文件。

通過標簽改變圖片的尺寸和位置

• 改變圖片的尺寸:

  • <img src="https://github.com/Legend-yd/MyDawn/blob/master/20171223205540585.png" width="300" height="450" />

• 改變圖片位置使居中：

  • <div align=center><img src="https://github.com/Legend-yd/MyDawn/blob/master/20171223205540585.png" width="300" height="450" /></div>

步驟：

• 在github上的倉庫建立一個存放圖片的文件夾，文件夾名字隨意。如：image

• 將需要在插入到文本中的圖片，push到image文件夾中。

• 然后打開github官網，進入倉庫的image文件夾中，打開圖片，點download(不是右鍵)，復制該網址鏈接（注意網址第一段是raw）

• 在README.md中填入： ![Image text](填上你復制的地址即可)

• 保存即可。

• 注意：

  • 地址欄開頭沒有raw，而上述步驟復制的地址開頭是raw
    
    
    
    

END