在 VS Code 中使用 OSS 进行 Markdown 文档编写

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,恶意文件检测 1000次 1年
对象存储 OSS,内容安全 1000次 1年
简介: 阿里云OSS对象存储服务是理想的存储解决方案,专门用于承载大量非结构化数据。在VSCode中编写Markdown文档时,手动上传图片至OSS并获取相应链接的过程通常复杂且耗时。为此,Aliyun OSS Uploader插件应运而生,以简化和优化此流程。它不仅能够自动将图片上传到OSS并生成可供插入的链接,还能在您需要时通过撤回链接,删除已上传的图片,极大地提升了效率和便捷性。

阿里云对象存储服务(OSS)为开发者提供海量非结构化数据的存储和分发能力,是处理视频、图片、文档等各种类型文件的理想选择。当你在 VSCode 中编写 Markdown 文档并且需要嵌入图片时,手动上传图片到 OSS 并链接到你的 Markdown 文件中会是一个耗时的过程。此外,如果撤回嵌入的图片时,OSS 并不会自动删除你上传的图片,从而产生存储费用。幸运的是,有一个叫做 Aliyun OSS Uploader 的 VS Code 插件可以帮你简化这个过程,实现自动上传图片、自动生成图片链接以及撤回时自动删除图片。以下是如何在 VS Code 中安装和使用 Aliyun OSS Uploader 插件的详细指南。

前提条件

安装插件

首先,打开你的 Visual Studio Code 编辑器。然后按照以下步骤操作:

  1. 访问 VS Code 的插件市场并搜索 "Aliyun OSS Uploader",或者直接通过这个链接访问插件页面:Aliyun OSS Uploader

  2. 点击 “安装” 按钮将插件添加到你的 VS Code 编辑器中。

配置插件

在成功安装插件后,你需要进行一些简单的配置以连接到你的 OSS 存储桶:

  1. 在 VS Code 中,使用快捷键((ctrl+shift+p/command+shift+p/F1))唤起命令面板,然后输入elan set configuration

  2. 在下拉列表中,选择OSS Bucket的地域,例如oss-cn-hangzhou。

  3. 输入Bucket的名称,然后按Enter确认。

  4. 输入acccessKeyId,然后按Enter确认。

  5. 输入acccessKeySecret,然后按Enter确认。

上传图片

配置完毕后,你就可以开始在 Markdown 文件中上传和插入图片了。以下是如何进行操作:

  1. 打开一个 Markddown 文件。

  2. 右键点击你想要上传的本地图片,然后选择 “Elan: Upload Image”。

  3. 上传完成后,插件会自动生成图片的 OSS 链接并插入到你的 Markdown 文件中。

删除图片

您还可以在撤回链接的同时,删除已上传到 OSS 的图片。以下是如何进行操作:

  1. 在 Markdown 文件中,将光标移动到插入的 OSS 链接上方。

  2. 在弹出的提示框中,单击 Delete Image。

更多操作

Aliyun OSS Uploader 插件提供了一些实用的功能来管理你已经上传到 OSS 的图片:

  • 预览图片:通过点击 VS Code 中的链接即可预览。
  • 复制链接:方便你分享或在其他地方使用。
  • 移动或重命名:在 OSS 上重新组织你的文件结构。
相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
相关文章
|
1月前
|
JSON 前端开发 JavaScript
Docusaurus框架——快速搭建markdown文档站点介绍sora
Docusaurus框架——快速搭建markdown文档站点介绍sora
58 0
|
1月前
|
前端开发
914.【前端】Taro集成towxml渲染markdown文档
914.【前端】Taro集成towxml渲染markdown文档
145 2
|
9月前
vscode 使用markdown 转PDF的常见问题 之插件安装
vscode 使用markdown 转PDF的常见问题 之插件安装
174 0
|
1月前
|
Java API 对象存储
对象存储OSS产品常见问题之使用Spring Cloud Alibaba情况下文档添加水印如何解决
对象存储OSS是基于互联网的数据存储服务模式,让用户可以安全、可靠地存储大量非结构化数据,如图片、音频、视频、文档等任意类型文件,并通过简单的基于HTTP/HTTPS协议的RESTful API接口进行访问和管理。本帖梳理了用户在实际使用中可能遇到的各种常见问题,涵盖了基础操作、性能优化、安全设置、费用管理、数据备份与恢复、跨区域同步、API接口调用等多个方面。
|
1月前
|
数据采集 数据挖掘 Python
Python之html2text: 将HTML转换为Markdown 文档示例详解
Python之html2text: 将HTML转换为Markdown 文档示例详解
37 0
|
1月前
|
分布式计算 DataWorks 搜索推荐
DataWorks操作报错合集之DataWorks我做简单的用户画像,根据文档的例子,连接 OSS 时遇到连接问题,如何解决
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
|
8月前
|
Java 对象存储
【工具类】使用阿里oss实现图片、视频、文档上传
【工具类】使用阿里oss实现图片、视频、文档上传
289 0
|
1月前
在vscode下将ipynb文件转成markdown(.md文件)的方法
在vscode下将ipynb文件转成markdown(.md文件)的方法
329 0
|
9月前
|
Rust JavaScript Docker
提升 Markdown 文档协作:Let's Markdown介绍与部署
Let's Markdown 是一个开源项目,旨在简化 Markdown 文档的创建、编辑和共享。快速、最小的网络编辑器,使标记编辑协作,每个人都可以访问。它提供了一套工具和功能,使 Markdown 文档的处理变得更加轻松和高效。使用Rust和React.js构建。有关详细信息,请参阅GitHub仓库。
270 3
提升 Markdown 文档协作:Let's Markdown介绍与部署
|
9月前
|
Web App开发
vscode 使用Markdown 常用技巧之摆脱Google Chrome直转PDF
vscode 使用Markdown 常用技巧之摆脱Google Chrome直转PDF
117 0

热门文章

最新文章