如何在markdown文件中添加圖片

今天要編寫項目的readme.md文件,用於對系統的簡單介紹,以前我也只是在寫博客等地方用到md語法,並無單獨編輯過一個md文件,今天講講如何打開一個md文件以及在md文件中添加圖片。git

首先,打開一個md文件的方式不少,如記事本、sublime等,我在這裏使用的是vscode,用vscode打開md文件後,能夠按快捷鍵Ctrl+k,鬆手,而後按下v(須要在英文狀態下),這樣就能夠打開md文件的實時預覽,在編寫的時候就能夠看到md文件展現效果,其餘語法今天就不在論述了,今天講講如何在readme.md文件中添加圖片。github

  1. 首先將圖片上傳到github等遠程倉庫
  2. 在md文件中輸入![***](***)[]中爲圖片顯示出出來時,會顯示的文字,()爲圖片的遠程地址

作完以上兩步,我以爲應該沒有什麼問題了,可是這時候預覽遇到了一個小問題,圖片仍是顯示不出來,把地址單獨複製到瀏覽器是能夠正常查看圖片的瀏覽器

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

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

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

就是將地址中倉庫後面的/blod/改成raw,圖片正常顯示,大功告成

相關文章
相關標籤/搜索