写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 博客便捷维护方法