写markdown时候插入图片的便捷方法

写markdown时候插入图片的便捷方法

为markdown插入图片是一件非常麻烦的事情，有其是编写的markdown文件还要发布到网站中的时候。为了达到方便快捷插入图片至markdown文件，达到在预览中即时显示，在拷贝发布到网站时也能正常显示的效果，琢磨出了一种方式，可以一键插入剪贴板内图片至markdown文件。

具体的方式是使用VScode的Paste Image插件，并对插件相关参数进行如下设置。

"pasteImage.path": "${currentFileDir}/${currentFileNameWithoutExt}",
"pasteImage.insertPattern": "${imageSyntaxPrefix}${imageFilePath}${imageSyntaxSuffix}{% asset_img ${imageFileName} %}"

使用时需将要插入的图片内容拷贝至剪贴板，然后使用Paste Image插件或快捷键shift+ctrl+v插入图片，如此配置和操作将在文件所在目录下建立*.md文件同名目录，同时将剪贴板内文件保存至该目录，通过同时引用markdown方式图片链接和hexo认可的图片链接，达到本地预览和拷贝至网站目录后都能正常显示图形的目的。

注意
此方法需要配置hexo，设置assert-folder为true，图片放在_posts目录下文件同名目录里。拷贝或同步文件时将自动生成的图片和目录一同同步。网站上图片需要重启hexo服务才能可见。配置方法参见hexo 博客便捷维护方法。

{% asset_img 2018-09-29-insert_images_to_markdown_2018-09-29-14-15-16.png %}