VScode 快速粘贴图片插件

 

 

 

 

直接从剪贴板粘贴图像到markdown/asciidoc(或其他文件)!  

支持Mac和Windows / Linux ! 并支持配置目标文件夹。  

paste-image  

现在您可以启用pasteImage。 showFilePathConfirmInputBox修改保存前的文件路径:  

confirm-inputbox  

 

用法：

1、捕捉屏幕到剪贴板  

2、打开命令面板:Ctrl+Shift+P (Cmd+Shift+P在Mac上)  

3、输入:“粘贴图像”或你可以使用默认的键盘绑定:Ctrl+Alt+V (Cmd+Alt+V在Mac上)。  

4、图像将保存在包含当前编辑文件的文件夹中  

5、相对路径将被粘贴到当前编辑文件中  

 

 

例子：

我使用vscode编辑我的hexo博客。 文件夹结构如下:  

blog/source/_posts (articles)
blog/source/img (images)

 

 

 

我想保存在博客/源/img的所有图像，并插入图像url到文章。 而hexo将生成blog/source/作为网站的根目录，所以图像的url应该是/img/xxx.png。 所以我可以在blog/。vscode/setting中配置pasteImage。 json是这样的:  

"pasteImage.path": "${projectRoot}/source/img",
"pasteImage.basePath": "${projectRoot}/source",
"pasteImage.forceUnixStyleSeparator": true,
"pasteImage.prefix": "/"

　　

如果你想保存图像在单独的目录:  

"pasteImage.path": "${projectRoot}/source/img/${currentFileNameWithoutExt}",
"pasteImage.basePath": "${projectRoot}/source",
"pasteImage.forceUnixStyleSeparator": true,
"pasteImage.prefix": "/"

　　

如果你想保存图像与文章名称为前缀:  

"pasteImage.namePrefix": "${currentFileNameWithoutExt}_",
"pasteImage.path": "${projectRoot}/source/img",
"pasteImage.basePath": "${projectRoot}/source",
"pasteImage.forceUnixStyleSeparator": true,
"pasteImage.prefix": "/"

 

如果你想在markdown中使用html:

"pasteImage.insertPattern": "<img>${imageFileName}</img>"
"pasteImage.path": "${projectRoot}/source/img",
"pasteImage.basePath": "${projectRoot}/source",
"pasteImage.forceUnixStyleSeparator": true,
"pasteImage.prefix": "/"