iOS: 向Github的README.md里添加圖片


我們將項目上傳到Github上開源供大家使用,可是,有時只是在READEME.md中做一些文字說明並不直觀,如果能給上演示的截圖是不是更能把功能展示的一目了然呢。

不費話了,直接上步驟:

第一步:首先我們需要在項目中創建一個文件夾,名稱隨意取,用來專門存放圖片的,最后連同整個項目代碼上傳到github上,上傳成功后,每一張圖片的鏈接就有了;

第二步:然后我們需要進入Github上去找到對應的圖片,並復制該圖片的鏈接,此時圖片的路徑是相對路徑,路徑不完整是無法獲取圖片的;

第三步:接着在之前獲取的相對路徑前面添加Github的協議,即:https://github.com/賬號/相對路徑

第四步:最后在READEME.md中編輯,按照指定的格式添加圖片路徑,如: ![image](https://github.com/賬號/相對路徑)   解釋:這里需要注意的是不要去掉![]()任何一個,去掉之后就變成顯示文本了

拓展:   

   格式如下: ![](img_url)        即: 嘆號! + 方括號[ ] + 括號( ) 其中嘆號里是圖片的URL。

   如果不加嘆號! ,就會變成普通文本了。

   在方括號里可以加入一些 標識性的信息,比如:![ABC](http://www.baidu.com/img/bdlogo.png) 

 

 

演示步驟如下,並配截圖( 前提是已經成功將圖片隨整個項目上傳到了Github上,我給圖片文件夾取名稱為screenshots)

1.進入Github,點擊倉庫

 

2.進入可以看到所有的文件夾,然后點擊項目工程文件

 

3.然后找到圖片文件夾,點擊進去

 

4.看到所有的圖片

 

5.依次點擊每一張圖片,獲取相對路徑

 

6.將圖片路徑補充完整,即添加前綴 https://github.com/自己的賬號/

 https://github.com/自己的賬號/BezierCurveLineTest/blob/master/BezierCurveLineTest/BezierCurveLineTest/screenshots/bar.png

 https://github.com/自己的賬號/BezierCurveLineTest/blob/master/BezierCurveLineTest/BezierCurveLineTest/screenshots/line1.png

 https://github.com/自己的賬號/BezierCurveLineTest/blob/master/BezierCurveLineTest/BezierCurveLineTest/screenshots/line2.png

 https://github.com/自己的賬號/BezierCurveLineTest/blob/master/BezierCurveLineTest/BezierCurveLineTest/screenshots/pie.png

 

7.打開READEME.md,按照格式添加圖片的鏈接路徑

 

8.刷新Github,結果圖片成功顯示:

 

歡迎關注我的github:https://github.com/xiayuanquan


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM