YOYOPicsUploader

一个将剪贴板或本地图片优雅地上传到 Minio 的 VSCode 扩展。

0x01 功能

开发完成的功能：

• ✅ 粘贴剪贴板图片
• ✅ 批量粘贴剪贴板图片
• ✅ 多 Minio 配置支持
• ✅ 自动配置上传路径
• ✅ 图片压缩为 Webp

待开发的功能

• ⭕️ GIF 图片上传
• ⭕️ 自定义 WebP 压缩率
• ⭕️ 其他 S3 服务支持

不会开发的功能

• ❌ Linux 与 MacOS 适配（因为没有测试设备）

0x02 安装

• 在 VS Code 扩展商店中搜索 "YOYOPicsUploader" 安装
• 从 releases 页面下载 vsix 扩展包安装

0x03 配置

3.1 在settings.json中配置扩展

在 VS Code 设置 - 扩展 - YOYOPicsUploader 中配置Minio Services Upload Paths，点击在 settings.json 中编辑按钮，将在settings.json中生成默认配置。

或者在settings.json中添加以下配置：

  "yoyo-pics-uploader.minioServices": [
    {
      "name": "your-service-name",
      "serverAddress": "https://your-minio-server-address",
      "accessKey": "your-access-key",
      "secretKey": "your-secret-key"
    },
    {
      "name": "another-service-name",
      "serverAddress": "https://another-minio-server-address",
      "accessKey": "another-access-key",
      "secretKey": "another-secret-key"
    }
  ],
    "yoyo-pics-uploader.uploadPaths": [
    {
      "bucket": "your-bucket-name",
      "directory": "images/2025"
    },
    {
      "bucket": "another-bucket-name",
      "directory": "images/2026"
    }
  ],

3.2 从快速配置列表添加配置

安装并启用扩展后，打开任意 Markdown 文件，右下角会出现选择 Minio 服务和选择上传路径按钮，点击，在弹出的菜单中可以添加新配置。

0x04 使用

4.1 快速路径

在选择上传路径菜单中，点击自动路径选项会切换其启用状态。

启用自动路径后，上传图片时会以文件名作为子目录。

例如，在编辑demo.md时，配置的上传路径为images/2025：

• 启用自动路径：images/2025/demo/114514.webp
• 不启用自动路径：images/2025/114524.webp

4.2 剪贴板上传

• 复制一张图片到剪贴板
• 使用快捷键 Ctrl+Shift+V (Windows)
• 图片会自动上传并在光标处插入 Markdown 链接

0x05 常见问题

• 请确保已正确配置 Minio 服务器信息
• 上传前请确保网络连接正常
• 建议定期备份重要图片

License

MIT