Hexo中使用hexo-asset-image添加本地图片

  1. 把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true

  2. 在你的hexo目录下执行这样一句话npm install hexo-asset-image --save,这是下载安装一个可以上传本地图片的插件,来自dalao:dalao的git

  3. 运行hexo n "xxxx"来生成md时,/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹

  4. 最后在xxxx.md中想引入图片时,先把图片复制到xxxx这个文件夹中,然后只需要在xxxx.md中按照markdown的格式引入图片:

1
![你想输入的替代文字](xxxx/图片名.jpg)

注意: 网上大多数的教程都是这样引用图片,但是现在的hexo-asset-image 1.0.0版本,只需要输入图片名,不需要xxxx文件夹名。我依然建议像这样引用相对路径。这样在typora中会显示图片,而对于使用了abbrlink的blog也没有任何影响

  1. 最后检查一下,hexo g生成页面后,进入public\2017\02\26\index.html文件中查看相关字段,可以发现,html标签内的语句是<img src="2017/02/26/xxxx/图片名.jpg">,而不是<img src="xxxx/图片名.jpg>。这很重要,关乎你的网页是否可以真正加载你想插入的图片。