虽然在官方语法中,Markdown插入图片的格式是这样的:
1 | ![Alt text](/path/to/img.jpg) |
然而,如果你用了Hexo框架,那你得小心了。
为什么要用Hexo,Octopress之类的框架呢?无非是为了让页面更加丰富多彩,以及让操作更加简便。这些用jeklly直接来做是十分繁琐,费时的。
好了,回归正题。首先,你不可能在网页里用绝对路径,这样怎么部署到服务器上呢?所以必定是相对路径。Markdown本来的语法中,只要img和md文件的相对路径是对的就行,然而Hexo不知道对路径做了什么处理,你需要在source文件夹中新建一个images文件夹,然后把图片放在images文件夹里。路径也必须是这样的:
1 | ![Alt text](/images/img.jpg) |
这样做的好处是,图片资源的管理比较有序。坏处是给初学者带来一定的疑惑,而且在markdown的编辑器里,无法实时预览。