任务目的

这一步将会介绍COSBrowser的使用，包括如何下载、安装、登录COSBrowser，手动上传图片到COS，复制COS图片链接作为Markdown图床。这种方式虽然操作略显繁琐，但相比自动上传的方式更为可靠，建议在学习自动上传的配置前，先通过此任务熟悉手动上传图片到COS的流程，了解COS配置图床的原理。

注：什么是COSBrowser？——COSBrowser 是腾讯云对象存储 COS 推出的可视化界面工具，让用户可以使用更简单的交互轻松实现对 COS 资源的查看、传输和管理。

任务步骤

1.下载并安装COSBrowser

访问 COSBrowser下载链接

下拉可以看到COSBrowser的下载地址，选择 “Windows” 平台进行下载：

下载完成后，双击软件进入安装界面，选择安装路径，点击 “下一步” 即可完成软件的安装。安装完成后，默认会开启COSBrowser，下一步将介绍COSBrowser的登录流程。

2.登录COSBrowser

登录COSBrowser需要填入子用户的密钥——SecretId和SecretKey。

关于子用户密钥的获取，可以参考任务2 子用户创建及密钥获取。

填入密钥后，直接点击 “登录” 按钮进行登录：

3.手动上传图片到COS文件夹

登录后便可以看到COS中已经配置好的存储桶，点击存储桶名称，比如点击之前已经创建好的存储桶，便可看到存储桶中包含的文件和文件夹。展示效果如下：

双击已经创建好的文件夹typora，进入此文件夹中，文件夹内展示了已经上传的文件列表。如果尚未添加任何文件，则此文件夹为空。接下来，点击上方的 “上传文件” 按钮，选择一张图片后点击 “打开” ，即可进行图片的上传操作。上传操作的示意图展示如下：

上传的图片会被添加到 “上传列表” 中，并在上传成功后展示在右侧的文件列表里。

此时双击图片，可以展示图片的详细信息：

下一步只需将图片链接粘贴到Markdown中即可在Markdown内展示图片。

4.使用COS图床配置图片路径

在上方的页面中点击 “复制链接” 按钮，获取图片的链接。接下来进入Markdown文件中，创建一个图像标签，在图像标签中粘贴图片链接即可。

可以先创建一个图片占位符，具体方式为 “右键-插入-图像” ，或直接使用插入图像快捷键Ctrl+Shift+I，生成的图片占位符展示效果如下：

在 “输入图片路径” 中粘贴刚才的图片路径，即可看到COS中的图片被下载到Markdown中并展示出来：

说明COS图床已经配置成功。

至此，手动上传图片到COS，再复制图片链接到Markdown实现图床配置的操作已经完成。

接下来将会介绍如何借助插件，实现图片自动上传到COS的功能。