1. 程式人生 > >關於Markdown插入圖片路徑錯誤的問題

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

服務器 base otto -bash https 百度 margin 個人 實時

關於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

就能能夠完美的顯示圖片了
技術分享圖片

早點睡覺了,不修仙

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