任务 4 方式1-手动上传图片并获取COS链接
任务目的
这一步将会介绍COSBrowser的使用,包括如何下载、安装、登录COSBrowser,手动上传图片到COS,复制COS图片链接作为Markdown图床。这种方式虽然操作略显繁琐,但相比自动上传的方式更为可靠,建议在学习自动上传的配置前,先通过此任务熟悉手动上传图片到COS的流程,了解COS配置图床的原理。
注:什么是COSBrowser?——COSBrowser 是腾讯云对象存储 COS 推出的可视化界面工具,让用户可以使用更简单的交互轻松实现对 COS 资源的查看、传输和管理。
任务步骤
1.下载并安装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的功能。
学员评价