前言

由于vscode 直接粘贴图片到md里面时 默认是

1
![alt text](image-2.png)

但是hexo 识别图片路径在 md文件夹下导致 hexo 和 vscode 没办法 同时预览图片
我看网上没有讲的很完美的方案 于是在此补充

方法

修改_config.yml

将hexo 的_config.yml配置文件中 post_asset_folder 项改成如下参数

1
2
3
4
post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true
  • 注意 marked部分不能少 少了 图片无法正常识别

修改vscode 配置

在vscode 设置 中搜索Markdown › Copy Files: Destination
添加如图配置alt text
即**/*.md 和${documentBaseName}/${fileName}
这可以让你图片粘贴到你md文件对应的文件夹下

安装 hexo-assert-img

在你blog的根目录执行 

1
npm install hexo-asset-img --save

效果图

alt text
alt text

总结

完成以上三步 hexo 和vscode 就可以同时预览图片而不用搬动图片到工作目录了
此外 对于以前md默认粘贴的

1
![alt text](image-2.png)

这种图片 hexo 也还是可以正常识别的