jkchao / vs-md-upload-image

写 .md 时,上传图片的 VSCode 插件,支持上传前图片裁剪、旋转、压缩等

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vs-md-upload-image

在 VSCode 中写 .md 时,上传图片至七牛云的插件,支持上传前对图片裁剪,旋转等操作。

Features

  • .md 文件中选择图片上传至七牛云
  • 上传前裁剪
  • 旋转(未完成)
  • 支持压缩后上传(未完成)
  • 支持拖拽上传(未完成)
  • 其他一些没想到的

Extension Settings

Setting type default Required desc
qiniu.bucket string "" true bucket name
qiniu.ak string "" true access key
qiniu.sk string "" true security key
qiniu.prefix string "yyyy-mm-dd" false 路径前缀可以用来分类文件,例如: image/jpg/your-file-name.jpg
qiniu.domain string "" true 外链域名
qiniu.needCrop boolean true false 是否需要裁剪

How to use

  • 由于底层默认使用 GraphicsMagick,因此你需要先安装 GraphicsMagick

    brew install GraphicsMagick
  • 安装插件,配置参数

  • 打开一个 .md 文件,打开设置面板 (mac: control + command + p, windows: ctr + shift + p),选择 Upload image: select file to upload,接下来就可以进行操作了。

  • 或者点击 statusBar(右下角) 下的文字 'Upload' 即可上传

Screenshot

  • 使用设置面板形式

image

  • 使用 StatusBar:

image

Notice

此插件是新开一个 paner 来进行图片的操作,因此受限于 VSCode 暴露的 API 限制(如不能通过 API 来切换到指定的 paner),当你在操作图片时切换到另一个 paner,此 paner 将会关闭。

About

写 .md 时,上传图片的 VSCode 插件,支持上传前图片裁剪、旋转、压缩等

License:MIT License


Languages

Language:TypeScript 75.4%Language:CSS 19.0%Language:HTML 5.6%