阿里云对象存储服务(OSS)为开发者提供海量非结构化数据的存储和分发能力,是处理视频、图片、文档等各种类型文件的理想选择。当你在 VSCode 中编写 Markdown 文档并且需要嵌入图片时,手动上传图片到 OSS 并链接到你的 Markdown 文件中会是一个耗时的过程。此外,如果撤回嵌入的图片时,OSS 并不会自动删除你上传的图片,从而产生存储费用。幸运的是,有一个叫做 Aliyun OSS Uploader 的 VS Code 插件可以帮你简化这个过程,实现自动上传图片、自动生成图片链接以及撤回时自动删除图片。以下是如何在 VS Code 中安装和使用 Aliyun OSS Uploader 插件的详细指南。
前提条件
安装插件
首先,打开你的 Visual Studio Code 编辑器。然后按照以下步骤操作:
访问 VS Code 的插件市场并搜索 "Aliyun OSS Uploader",或者直接通过这个链接访问插件页面:Aliyun OSS Uploader。
点击 “安装” 按钮将插件添加到你的 VS Code 编辑器中。
配置插件
在成功安装插件后,你需要进行一些简单的配置以连接到你的 OSS 存储桶:
在 VS Code 中,使用快捷键((ctrl+shift+p/command+shift+p/F1))唤起命令面板,然后输入
elan set configuration
。在下拉列表中,选择OSS Bucket的地域,例如oss-cn-hangzhou。
输入Bucket的名称,然后按Enter确认。
输入acccessKeyId,然后按Enter确认。
输入acccessKeySecret,然后按Enter确认。
上传图片
配置完毕后,你就可以开始在 Markdown 文件中上传和插入图片了。以下是如何进行操作:
打开一个 Markddown 文件。
右键点击你想要上传的本地图片,然后选择 “Elan: Upload Image”。
上传完成后,插件会自动生成图片的 OSS 链接并插入到你的 Markdown 文件中。
删除图片
您还可以在撤回链接的同时,删除已上传到 OSS 的图片。以下是如何进行操作:
在 Markdown 文件中,将光标移动到插入的 OSS 链接上方。
在弹出的提示框中,单击 Delete Image。
更多操作
Aliyun OSS Uploader 插件提供了一些实用的功能来管理你已经上传到 OSS 的图片:
- 预览图片:通过点击 VS Code 中的链接即可预览。
- 复制链接:方便你分享或在其他地方使用。
- 移动或重命名:在 OSS 上重新组织你的文件结构。