vscode-screenshot-upload-qiniu
一个可以支持截图粘贴上传图片到七牛、让你写用 vscode 写 markdown 有更好的体验。
参考 vscode-qiniu-upload-image, 对该代码做了升级：
- 修复图片上传报 error
- qiniu、vscode npm 包升级到最新到最新版本
- qiniu 上传增加
deleteImageToLocal、 prefixDir、 zone、useHttpsDomain、useCdnDomain 参数
- mac 快捷键
cmd+ctrl+z， window 快捷键 ctrl+alt+z
- 当设置
screenshotUploadQiniu.remotePath: '${fileName}'（2024-03-05-14-13-12 ）时，默认上传目录为 ${prefixDir}${filePrefixDir}/${timeFileName}: images/2024-03-05/14-13-12.png, 即以上传时间作为目录名，方便管理
- 引入
sharp 库， 支持图片压缩，默认压缩质量 60， 压缩后图片格式为 .webp， 需要 node >= 18.17.0，
安装
输入命令：
ext install screenshot-upload-qiniu
或者在插件应用商店搜索 screenshot-upload-qiniu 安装
使用方法
mac 为列：
- 在 vsCode setting.json 中配置 qiniu 相关配置后， 文档处于编辑状态时
cmd+ctrl+a 触发截屏， 选取区域保存后cmd+ctrl+z 即可触发上传 qiniu 操作，上传成功后文档回显 md 格式的图片
参数设置
{
// 有效的七牛 AccessKey 签名授权
"screenshotUploadQiniu.access_key": "*****************************************",
// 有效的七牛 SecretKey 签名授权
"screenshotUploadQiniu.secret_key": "*****************************************",
// 七牛图片上传空间
"screenshotUploadQiniu.bucket": "blog",
// 七牛图片上传路径，参数化命名，暂时支持 ${fileName}、${mdFileName}、${date}、${dateTime}
// 示例：
// ${fileName}-${date} -> picName-20160725.jpg
// ${mdFileName}-${dateTime} -> markdownName-20170412222810.jpg
"screenshotUploadQiniu.remotePath": "${fileName}",
// 七牛图床域名
"screenshotUploadQiniu.domain": "http://xxxxx.xxxx.com",
// 本地储存位置
"screenshotUploadQiniu.localPath":"./img"
// 是否需要存储粘贴板图片到本地，值为 true 时请不要设置 localPath。
"screenshotUploadQiniu.deleteImageToLocal": true
// 七牛图片上传目录。比如上传到 images/ 子目录下就设置 prefixDir = 'images/'
"screenshotUploadQiniu.prefixDir":"images/"
// 指定空间对应的机房默认 Zone_z0 华东 ，值参考： https://developer.qiniu.com/kodo/1289/nodejs#5
"screenshotUploadQiniu.zone":"Zone_z0"
// 是否使用https域名
"screenshotUploadQiniu.useHttpsDomain":true
// 上传是否使用 cdn 加速
"screenshotUploadQiniu.useCdnDomain":true
// 图片压缩质量， 默认 60
"screenshotUploadQiniu.quality":60
}
| |
