我們將項目上傳到Github上開源供大家使用,可是,有時只是在READEME.md中做一些文字說明並不直觀,如果能給上演示的截圖是不是更能把功能展示的一目了然呢。
不費話了,直接上步驟:
第一步:首先我們需要在項目中創建一個文件夾,名稱隨意取,用來專門存放圖片的,最后連同整個項目代碼上傳到github上,上傳成功后,每一張圖片的鏈接就有了;
第二步:然后我們需要進入Github上去找到對應的圖片,並復制該圖片的鏈接,此時圖片的路徑是相對路徑,路徑不完整是無法獲取圖片的;
第三步:接着在之前獲取的相對路徑前面添加Github的協議,即:https://github.com/賬號/相對路徑;
第四步:最后在READEME.md中編輯,按照指定的格式添加圖片路徑,如:  解釋:這里需要注意的是不要去掉![]()任何一個,去掉之后就變成顯示文本了
拓展:
格式如下:  即: 嘆號! + 方括號[ ] + 括號( ) 其中嘆號里是圖片的URL。
如果不加嘆號! ,就會變成普通文本了。
在方括號里可以加入一些 標識性的信息,比如:
演示步驟如下,並配截圖( 前提是已經成功將圖片隨整個項目上傳到了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
