建议配置的时候按工作空间进行配置，这样可以针对不同的工作空间和程序环境自定义。

粘贴图片快捷键（粘贴 Markdown 格式图片代码）

• Windows：Alt + Ctrl + V
• macOS：option + command + V

Paste Image: Prefix

• 说明：在生成图片路径链接的前面插入内容
• 用途：比如将相对路径定义到站点的根目录
  • 配置值：/
  • 使用前：![](screenshots/2022/0609_150527.png)
  • 使用后![](/screenshots/2022/0609_150527.png)

Paste Image: Suffix（可选）

• 说明：在生成图片路径链接的后面插入内容
• 用途：实现缩略图或图片压缩等功能，需服务器支持
  • 具体可参考阿里云、七牛云相关服务

Paste Image: Base Path

• 生成链接会去除这一段

Paste Image: Default Name

• 图片命名，可通过/·实现分文件夹存储图片
  • 举例：Y/MMDD_HHmmss 会通过年份分文件夹存储图片

Paste Image: Path

• 图片储存位置

参数说明

• ${currentFileDir} 当前文件路径
• ${projectRoot} 项目根目录

Jekyll 使用环境配置攻略

使用 VS Code 工作区打开 Jekyll 项目，按以下配置达到编辑 Markdown 时可以正常预览图片，Jekyll 生成后可以正常显示图片

粘贴图片时所粘贴的 Markdown 代码：![](/screenshots/2022/0609_150527.png)

图片实际存储位置（VS Code 工作区，相对路径）：screenshots/2022/0610_091843.png

图片实际存储位置（MacOS 系统，文件路径）：/Users/1px/Documents/git/1px_run/screenshots/2022/0610_091843.png

Jekyll 工作空间 Paste Image 配置说明

• Base Path: ${projectRoot}
• Default Name: Y/MMDD_HHmmss
• Path: ${projectRoot}/screenshots
• Show File Path Confirm Input Box: 如果勾选，在粘贴时可以修改路径和文件名
• 其他配置均为默认值

Hexo 使用环境配置说明

• 缺陷，生成后在浏览器可以看到图，但是在vscode里面预览markdown是看不到图的

• 文章内代码（Hexo 生成后访问的链接）：![](/usr/uploads/2022/20221002_233040.png)
  • 使用的图片目录路径为/usr/uploads/
  • 按年分文件夹，图片命名使用年月日_时分秒
• 图片实际存储位置：source/usr/uploads/2022/20221002_233040.png
  • 你Hexo项目根目录下 source 文件夹目录中

Hexo 工作空间 Paste Image 配置说明

下面参考配置只复制处理修改过配置的 json，没有修改过的这里就没有复制出来了。 配置方法如下，比如"pasteImage.basePath": "${projectRoot}/source"在 basePath 选项填${projectRoot}/source即可

"pasteImage.basePath": "${projectRoot}/source"
"pasteImage.defaultName": "Y/YMMDD_HHmmss"
"pasteImage.path": "${projectRoot}/source/usr/uploads"
"pasteImage.forceUnixStyleSeparator": true
"pasteImage.prefix": "/"

相关链接

• 官方详细配置说明文档：https://github.com/mushanshitiancai/vscode-paste-image