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

標籤：ros   pos   center   nbsp   cal   1.3   com   string   ber   

關於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 cleanhexo g hexo s

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

早點睡覺了,不修仙

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