前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用腾讯云对象存储 COS + PicGo 搭建图床服务

使用腾讯云对象存储 COS + PicGo 搭建图床服务

原创
作者头像
昆吾kw
发布2022-08-05 17:10:43
5.3K0
发布2022-08-05 17:10:43
举报
文章被收录于专栏:好玩的云服务好玩的云服务

前言

平时写博客记笔记大都是使用 markdown 编辑器 ,插入图片时默认保存在电脑本地磁盘。如果需要在多个平台上发布文章,就要分别多次上传图片,非常繁琐。所以需要一种更好的图片管理方案,就是使用图床服务。将图片文件上传到图床并得到一个 url 地址,就可以方便的分享图片了。

市面上有一些免费的图床服务。如果仅仅是临时分享,可以使用。如果有大量的图片资源需要保存,最好还是购买图床服务,或者自建图床。本文将以腾讯云对象存储 COS 为例,结合 PicGo,演示如何搭建一个属于自己的图床服务。

环境准备

  1. PicGo:用于压缩、上传图片
  2. 腾讯云对象存储 COS:用于存储图片并提供在线访问

PicGo

安装 PicGo

PicGo 是一个用于快速上传图片并获取图片 URL 链接的工具,支持腾讯云COS、七牛图床、Github 图床、又拍云图床、SM.SM 等。

我们以 Windows 为例,首先访问 Github 仓库去下载(点击跳转)客户端安装包,找到 2.3.0 正式版,找到对应平台的安装包,点击下载:

下载完成之后,正常安装即可。

安装 webp 插件

PicGo 有一系列好用的插件,帮助扩展功能,比如压缩图片、添加水印等等。本文将以 webp 插件为例,演示如何在 PicGo 中使用插件。

webp 插件会在图片上传前将图片转为 .webp 格式,它相比于传统的 .jpg.png 等格式,同等体积质量更高,同等质量体积更小。图片经过压缩之后再上传至 COS,对于节省存储空间,节省流量都很有帮助。如果对图片格式有特殊要求,不希望转换格式,可以省略这一步。

打开 PicGo,进入插件设置,在搜索栏输入插件名字即可搜索并安装,非常方便:

COS 对象存储

COS(Cloud Object Storage,对象存储)是由腾讯云推出的一种分布式存储服务。它的特点是无目录层次结构、无数据格式限制,可容纳海量数据,支持 HTTP/HTTPS 协议访问。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。

对于实名认证的新用户,腾讯云 COS 提供了六个月的免费体验服务(50GB 存储空间),点此访问

开通 COS

官网提供了非常友好的新手引导服务,可根据引导快捷开通和使用存储服务。

创建存储桶

按需要填写各项即可,需要注意的地方是访问权限的选择,默认是私有读写,适合存储隐私机密文件;本文选择了公有读私有写,是因为这个存储桶主要是做图床服务,用来存储图片,并能对外提供公开访问

然后一直点下一步,创建即可。

创建成功后,来到存储桶列表,记录下存储桶的名称,和所属地域的代号,如图示例,也就是 ap-beijing

创建 API 秘钥

进入 【访问管理】 - 【访问秘钥】 - 【API 秘钥管理】(点此访问),会提示是否使用子账号管理,可根据实际需要进行选择,这里我们直接使用主账号进行创建

创建成功,将 APPIDSecretIdSecretKey 保存下来,非常重要,谨防外泄。

答题领流量

新手有一次答题领取流量的机会(点此访问)。题目很简单,全部回答正确以后,可以免费领取3个月的流量包。

配置 PicGo 图床服务

打开安装好的 PicGo 客户端,进入【图床设置】 - 【腾讯云 COS】,将上面保存的内容填写到配置中:

存储路径,也就是图片上传后在存储桶内的目录结构,可根据需要填写。如果填写,存储桶会自动创建出对应的目录结构。注意要以 / 结尾。

然后点击确定,并设为默认图床。

然后,进入【PicGo 设置】,将【上传前重命名】、【时间戳重命名】打开,这样可以防止图片重名。

测试

打开 PicGo 上传区,选择本地的一张图片,然后上传。上传前会自动根据时间戳进行重命名,也可以自己修改:

点击确定,图片就会进行上传了。

PicGo 的相册功能,会展示已经上传的图片,并提供了复制图片 url,编辑图片 url 和移除相册的基础操作。需要注意的是,仅仅是删除本地的数据,云端的图片不会受影响

来到腾讯云 COS 控制台,进入对应的存储桶中,可以发现图片已经上传成功了:

存储桶内的每个文件都会有一个唯一的访问地址,点击【详情】查看:

使用图床:在 Typora 粘贴图片时自动上传

打开 Typora ,进入【文件】- 【偏好设置】- 【图像设置】,进行三个设置:

  1. 插入图片时,执行上传图片操作
  2. 上传服务采用 PicGo(app)
  3. 设置 PicGo 程序的安装路径

之后,当我们使用 typora 编写 md 文档,在插入图片时,会自动唤起 PicGo 客户端,并上传图片到目标平台。

总结

到此,一个基于腾讯云 COS + PicGo 搭建的图床服务就完成了。总结一下整个流程:

  1. 实名注册腾讯云账号,并开通 COS
  2. 创建存储桶,创建 API 密钥
  3. 本地安装 PicGo 客户端工具,并根据需要配置插件
  4. 在图床设置中,将各项配置都填写正确
  5. 如有需要,还可以结合自己常用的其他工具,比如 Typora 等使用图床服务

有需要图床服务的朋友们,快快去尝试一下吧。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 环境准备
  • PicGo
    • 安装 PicGo
      • 安装 webp 插件
      • COS 对象存储
        • 开通 COS
          • 创建存储桶
          • 创建 API 秘钥
        • 答题领流量
        • 配置 PicGo 图床服务
        • 测试
        • 使用图床:在 Typora 粘贴图片时自动上传
        • 总结
        相关产品与服务
        对象存储
        对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档