關於Markdown插入圖片路徑錯誤的問題
阿新 • • 發佈:2018-10-28
服務器 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插入圖片路徑錯誤的問題