關於Markdown圖片無法顯示的問題解決方法

版權聲明：本文為博主原創文章，遵循 CC 4.0 by-sa 版權協議，轉載請附上原文出處鏈接和本聲明。

本文鏈接：https://blog.csdn.net/qq_41223155/article/details/89672742

更新一點小提示:我發現最近我在Markdown上寫好的博客在復制到csdn里面來經常圖片讀不出來,所以我建議,大家可以在csdn寫博客,圖片啥的直接可以從本地添加,不用傳到github上去了,然后復制到markdown,一切都正常

備注: 在網上找了半天,一堆不靠譜的試了以后,終於被我試出來了哈哈哈,我可真是個小天才

步驟是這樣子的

1. 在自己的github上新建一個倉庫, 怎么新建倉庫大家應該都會吧,我這里就不贅述了,就像下面這樣:

   [外鏈圖片轉存失敗(img-BluZ35Fb-1564318766785)(https://github.com/fanfan999/MyPostImage/raw/master/關於Markdown圖片無法顯示的問題解決方法/createNewResponsitory.png)]

2. 點開自己新建的倉庫,在右邊有個clone or download,復制下來地址,如圖所示:

   [外鏈圖片轉存失敗(img-GLaDnDtG-1564318766787)(https://github.com/fanfan999/MyPostImage/raw/master/關於Markdown圖片無法顯示的問題解決方法/cloneResponsitorySite.png)]

3. 打開hexo所在文件夾,右鍵鼠標然后點擊 Git Bash Here,然后在本機將github中的倉庫克隆下來,命令是: git clone 倉庫地址(地址就是你復制下來的地址),不懂就看圖吧:

   [外鏈圖片轉存失敗(img-Br00fasy-1564318766787)(https://github.com/fanfan999/MyPostImage/raw/master/關於Markdown圖片無法顯示的問題解決方法/cloneResponsitory.png)]

4. 克隆成功后在hexo文件夾中會有一個以你的倉庫名命名的文件夾,例如我的是MyPostImage,然后將圖片放在該文件夾下就行;

   1. 注意:
      1. 這里有個小技巧:你可以每次要在一篇博客中添加圖片時候,新建一個和本篇博客名字相同的文件夾放在MyPostImage下面,這樣就比較容易整理;
      2. 你要是怕自己新建的文件夾和博客名字不一致,你可以這樣子新建一篇博客文章:在bash窗口下輸入命令hexo n "博客名字",這樣子系統就會自動在hexo > source > _posts路徑下生成一個和本篇博客名相同的文件夾,然后將文件夾復制到MyPostImage下面就可以了.

5. 進入MyPostImage文件夾(注意不是和博客名字相同的那個文件夾,是名字和倉庫名相同的的文件夾),右鍵鼠標然后點擊 Git Bash Here,打開Bash窗口然后輸入git add .,(注意這里有一個點),然后輸入命令git commit -m "文件名",最后將內容推送上倉庫就可以了,命令是:git push origin master;

6. 上傳成功后去自己的github倉庫看看,你就會發現,產生了一個git commit -m "文件名"中以文件名為名字的文件夾,圖片就在該文件夾中,就像這樣子:

   [外鏈圖片轉存失敗(img-Lrt2AyLF-1564318766788)(https://github.com/fanfan999/MyPostImage/raw/master/關於Markdown圖片無法顯示的問題解決方法/successUploadImg.png)]

7. 點擊圖片,當你看到圖片以后,復制該圖片的路徑.就像這樣:

   

8. 然后打開我的新建的md文件,並且插入圖片,代碼是:[外鏈圖片轉存失敗(img-qOqXTlf1-1564318766790)(圖片路徑 "圖片無法顯示或鼠標移上去的時候顯示的文字")],例子如下(這個圖片是我在網上偷的啊哈哈):

   [外鏈圖片轉存失敗(img-gpE0cvOb-1564318766791)(https://github.com/fanfan999/MyPostImage/raw/master/關於Markdown圖片無法顯示的問題解決方法/PreviewImage.png)]

9. 但是我們預覽的時候會出現一個問題,就是預覽的時候圖片還是顯示不出來,這個時候我們改路徑的一個文件名就可以了,因為github和md文件關聯的圖片地址是有一定格式的,格式如下:

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

   2. 看不懂吧,其實就是將blob改成raw就行,萬一還看不懂就看圖:

      [外鏈圖片轉存失敗(img-KOUtNT40-1564318766792)(https://github.com/fanfan999/MyPostImage/raw/master/關於Markdown圖片無法顯示的問題解決方法/modifySite.png)]

10. 在bash下運行博客,你會發現圖片這時候就可以看到了,大功告成哈哈!

11. 其實這里面可能還有很多技巧啥的,我暫時還不會,暫時會這個就可以了吧哈哈哈,因為反正圖片不是太多,要是有啥不清楚的,隨時可以通過博客聯系我,在about里面可以找到我哈哈哈,最后附上一張我很喜歡的圖片吧,希望各位和它一樣每天都開心!

    [外鏈圖片轉存失敗(img-wwE8IjmF-1564318766792)(https://github.com/fanfan999/MyPostImage/raw/master/關於Markdown圖片無法顯示的問題解決方法/timg.jpg)]