關於Markdown插入圖片路徑錯誤的問題

開發問題  解決方法 

媽耶,連續一天寫2篇博客,也是醉了,這篇博客主要是介紹關於Markdown插入圖片路徑錯誤的問題

在上篇中,我介紹了一下Markdown的基本語法,並且提到了圖片插入的方式.不過有一個問題,就是當在vscode插入圖片能夠完美預覽,但是當在本地服務器和Github上運行,圖片就無法顯示.

就像這樣,圖片無法顯示

這時候查看網頁源代碼發現是這樣的

查看文件目錄

如果這之后將網址輸入為

http://localhost:4000/2018/09/07/Markdown%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95/02.jpg

發現能夠完美顯示,那表示圖片沒問題,是路徑的問題.在官方的參考資料中,使用了

{% asset_img example.jpg This is an example image %}

來引用圖片. 不過個人覺得這樣不是很好,首先它不是標准的markdown語法,其次無法實時預覽.百度了很久,終於在一篇大佬的博客上找到了解決方法.

First Step

在 [你的hexo安裝地址]\node_modules\hexo-asset-image 找到 index.js打開進行編輯

var beginPos = getPosition(link, '/', 3) + 1;   
改成
var beginPos = getPosition(link, '/', 1) + 1;

這時候執行

hexo clean
hexo g 
hexo s

就能能夠完美的顯示圖片了

早點睡覺了,不修仙