前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >VSCode Markdown 插入图片

VSCode Markdown 插入图片

作者头像
云深无际
发布2021-04-28 10:21:30
2.3K0
发布2021-04-28 10:21:30
举报
文章被收录于专栏:云深之无迹
代码语言: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

感谢这个项目~

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-04-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 云深之无迹 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档