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