Hexo中如何用Markdown插入本地圖片


雖然在官方語法中,Markdown插入圖片的格式是這樣的:

![Alt text](/path/to/img.jpg)

然而,如果你用了Hexo框架,那你得小心了。

為什么要用Hexo,Octopress之類的框架呢?無非是為了讓頁面更加豐富多彩,以及讓操作更加簡便。這些用jeklly直接來做是十分繁瑣,費時的。

好了,回歸正題。首先,你不可能在網頁里用絕對路徑,這樣怎么部署到服務器上呢?所以必定是相對路徑。Markdown本來的語法中,只要img和md文件的相對路徑是對的就行,然而Hexo不知道對路徑做了什么處理,你需要在source文件夾中新建一個images文件夾,然后把圖片放在images文件夾里。路徑也必須是這樣的:

![Alt text](../../images/img.jpg)

這樣做的好處是,圖片資源的管理比較有序。壞處是給初學者帶來一定的疑惑,而且在markdown的編輯器里,無法實時預覽。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM