VSCode Markdown 插入图片

代码语言：javascript复制

https://book.crifan.com/books/best_editor_vscode/pdf/best_editor_vscode.pdf

代码语言：javascript复制

https://book.crifan.com/books/best_editor_vscode/website/plugin/common_plugins/paste_image.html

代码语言：javascript复制

mervin.vpi-special

代码语言：javascript复制

https://github.com/sumnow/vpi-special

但是我设置了一会儿也没有完全设置好

---

所以我选取了别的方案：

代码语言：javascript复制

telesoho.vscode-markdown-paste-image

代码语言：javascript复制

{
  "folders": [
    {
      "path": "."
    }
  ],
  "settings": {
    "files.defaultLanguage": "markdown",
    "editor.cursorSmoothCaretAnimation": true,
    "MarkdownPaste.path": "./img"
  }
}

此时让我们把目录整理成这个样子

为了环境不污染，再加一个更加小的目录

代码语言：javascript复制

{
  "folders": [
    {
      "path": "."
    }
  ],
  "settings": {
    "files.defaultLanguage": "markdown",
    "editor.cursorSmoothCaretAnimation": true,
    "MarkdownPaste.path": "./assets"
  }
}

这个就是我们目前实现的效果，但它不完美

我继续更改

代码语言：javascript复制

MarkdownPaste.path

该图像将被保存的文件夹路径。支持绝对路径和相对路径以及以下预定义变量

$ {workspaceRoot}-在VS Code中打开的文件夹的路径
$ {fileBasename}-当前打开的文件的基本名称
$ {fileBasenameNoExtension}-当前打开的文件的基本名称，没有文件扩展名
$ {fileExtname}-当前打开的文件的扩展名
$ {fileDirname}-当前打开的文件的目录名

代码语言：javascript复制

{
  "folders": [
    {
      "path": "."
    }
  ],
  "settings": {
    "files.defaultLanguage": "markdown",
    "editor.cursorSmoothCaretAnimation": true,
    "MarkdownPaste.path": "./${fileBasenameNoExtension}.assets"
  }
}

好了，这次是最完美了。

自动的生成以文件名字 assets为目录名的图片文件夹

代码语言：javascript复制

https://github.com/telesoho/vscode-markdown-paste-image

感谢这个项目~

assets

0 人点赞