当前位置:网站首页>使用腾讯云对象存储 COS + PicGo 搭建图床服务
使用腾讯云对象存储 COS + PicGo 搭建图床服务
2022-08-05 17:42:00 【昆吾】
前言
平时写博客记笔记大都是使用 markdown 编辑器 ,插入图片时默认保存在电脑本地磁盘。如果需要在多个平台上发布文章,就要分别多次上传图片,非常繁琐。所以需要一种更好的图片管理方案,就是使用图床服务。将图片文件上传到图床并得到一个 url 地址,就可以方便的分享图片了。
市面上有一些免费的图床服务。如果仅仅是临时分享,可以使用。如果有大量的图片资源需要保存,最好还是购买图床服务,或者自建图床。本文将以腾讯云对象存储 COS 为例,结合 PicGo,演示如何搭建一个属于自己的图床服务。
环境准备
- PicGo:用于压缩、上传图片
- 腾讯云对象存储 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 秘钥管理】(点此访问),会提示是否使用子账号管理,可根据实际需要进行选择,这里我们直接使用主账号进行创建。
创建成功,将 APPID,SecretId,SecretKey 保存下来,非常重要,谨防外泄。
答题领流量
新手有一次答题领取流量的机会(点此访问)。题目很简单,全部回答正确以后,可以免费领取3个月的流量包。
配置 PicGo 图床服务
打开安装好的 PicGo 客户端,进入【图床设置】 - 【腾讯云 COS】,将上面保存的内容填写到配置中:
存储路径,也就是图片上传后在存储桶内的目录结构,可根据需要填写。如果填写,存储桶会自动创建出对应的目录结构。注意要以 / 结尾。
然后点击确定,并设为默认图床。
然后,进入【PicGo 设置】,将【上传前重命名】、【时间戳重命名】打开,这样可以防止图片重名。
测试
打开 PicGo 上传区,选择本地的一张图片,然后上传。上传前会自动根据时间戳进行重命名,也可以自己修改:
点击确定,图片就会进行上传了。
PicGo 的相册功能,会展示已经上传的图片,并提供了复制图片 url,编辑图片 url 和移除相册的基础操作。需要注意的是,仅仅是删除本地的数据,云端的图片不会受影响
来到腾讯云 COS 控制台,进入对应的存储桶中,可以发现图片已经上传成功了:
存储桶内的每个文件都会有一个唯一的访问地址,点击【详情】查看:
使用图床:在 Typora 粘贴图片时自动上传
打开 Typora ,进入【文件】- 【偏好设置】- 【图像设置】,进行三个设置:
- 插入图片时,执行上传图片操作
- 上传服务采用 PicGo(app)
- 设置 PicGo 程序的安装路径
之后,当我们使用 typora 编写 md 文档,在插入图片时,会自动唤起 PicGo 客户端,并上传图片到目标平台。
总结
到此,一个基于腾讯云 COS + PicGo 搭建的图床服务就完成了。总结一下整个流程:
- 实名注册腾讯云账号,并开通 COS
- 创建存储桶,创建 API 密钥
- 本地安装 PicGo 客户端工具,并根据需要配置插件
- 在图床设置中,将各项配置都填写正确
- 如有需要,还可以结合自己常用的其他工具,比如 Typora 等使用图床服务
有需要图床服务的朋友们,快快去尝试一下吧。
边栏推荐
- 日期时间选择器——el-date-picker设置默认时间
- 【2012】【论文笔记】超材料的二维等价物——GSTC
- 生成扩散模型漫谈:DDIM = 高观点DDPM
- 从零开始Blazor Server(8)--增加菜单以及调整位置
- Pipenv
- 4-Arm PEG-DSPE,MW:2000,四臂-聚乙二醇-磷脂仅供科研实验使用
- Software testing - workflow review (requirements analysis, test plan, test cases, case review, test execution, bug tracking, test report, defect report)
- 寻找OpenConfig Yang和IETF Yang的前世今生:2.Yang的语法结构
- 【已解决】pnpm(Run “pnpm setup“ to create it automatically, or set the global-bin-dir setting, or the PNP
- LeetCode·每日一题·623.在二叉树中增加一行·递归·迭代
猜你喜欢

如何成为一名合格的 DBA?看看“老油条”们怎么说
![[Knowledge] How much do you know about LiDAR point cloud data?](/img/78/5b14d4b777d60a345b5441ecfac1f3.png)
[Knowledge] How much do you know about LiDAR point cloud data?

SwiftUI 教程之使用 DocumentGroup 和 FileDocument 创建基于文本文档的应用程序

Software testing high or developers to pay high salary?

和我一起学习自动化运维

对非均匀采样信号进行重采样

文末送书 | CCF优秀博士论文丛书:搜索引擎中的实体推荐关键技术研究

【历史上的今天】8 月 5 日:微信 5.0 发布;百度上市;LinkedIn 创始人诞生

Pipenv

FinClip | 2022 年 7 月产品大事记
随机推荐
【云原生Kubernetes系列】KubeSphere容器调度平台
《你的灯亮着吗?》:避开思维陷阱,高效解决问题
微服务Client模块
[Today in History] August 5: WeChat 5.0 was released; Baidu was listed; LinkedIn founder was born
canvas线条下雨js特效代码
ERMiner: Sequential Rule Mining Using Equivalence Classes
8.lnmp architecture
Cholesterol-PEG-Azide,CLS-PEG-N3,脂溶性胆固醇-聚乙二醇叠氮
Matlab求解线性方程式与线性问题
【论文阅读】Multi-view Multi-instance Multi-label Active Learning
认识一下MRS里的“中间人”Alluxio
科研实习 | 北京大学万小军老师课题组招收NLP方向实习生和访问学生
VSCode使用简介
js实现下拉菜单 人性化体验
How WPF+SkiaSharp implements self-drawn shooting game
fast-request-2.1.3 免费版
From functional testing to mastering automation, how did I go from a point worker to an Internet factory in four months
Ventoy系统启动盘制作
新一代主机安全4大核心技术和15大应用场景
[Knowledge] How much do you know about LiDAR point cloud data?