關於markdown文件插入圖片遇到的小問題和解決辦法


 

 

今天用md文件時候發現需要插入圖片,以前沒做過,所以寫下來分享下。

1.先在自己的github上建一個倉庫,里面新建個img文件夾存放圖片,怎么建倉庫可以上網找資料,這里就不詳細說明了。建好的倉庫如下圖所示,copy下倉庫的路徑。

2.在電腦新建一個文件夾,在文件夾中把github上的倉庫先克隆下來,命令是git clone 倉庫地址(要使用git命令得先在電腦上裝好git-bash),如下圖

 

 3.克隆完之后會有一個以IMG命名倉庫的文件夾,這個就是我們在github的IMG倉庫。我們把一張test.jpg放到IMG文件的子文件夾img中

4.接着我們進入IMG文件中敲git命令

先進入IMG的文件夾中 : cd IMG/

添加IMG文件夾下的所有文件:git add .

提交文件到分支:git commit -m "備注你提交了哪些內容"

把內容推送上倉庫:git push origin master

所有步驟如下圖所示:

 

5.上傳成功之后我們可以去自己的github倉庫看看

 

6.接着我們新建的md文件,並且插入圖片,md文件插入圖片的代碼是: ![]()

注意:[] 里面可以寫圖片名或者其他備注信息,為的是讓圖像無法顯示時可以看到備注內容。

 

 

 7.這時預覽效果就出現了一個小問題了,路徑寫了完全正確圖片卻無法加載出來,把路徑復制出來單獨在新窗口打開卻可以顯示圖片

8.在網上找了資料,發現只要改路徑的一個文件名就可以顯示圖片了。發現原來github和md文件關聯的圖片地址是有一定的格式的,其格式如下:

https://github.com/用戶名/repository倉庫名/raw/分支名master/圖片文件夾名稱/***.png or***.jpg

按照此格式github會自動解析這個語法,並把圖片在md文件中正常顯示出來。

 


免責聲明!

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



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