CDN+COS搭建图床超详细步骤

本文涉及的产品
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
简介: 作为一名经常写博客的博主,图片的上传十分头疼,经常需要手动上传到指定的服务器里面,十分的麻烦,能不能有一种方案支持一次写完,永久部署呢,当然有的,这就是我们今天的主角图床,我们采用CDN+COS+Pic-go app上传图片,对于一张图片只需要快捷键即可完成上传,接下来我们来了解一下如何部署,正文即将开始~~...

一、前言

作为一名经常写博客的博主,图片的上传十分头疼,经常需要手动上传到指定的服务器里面,十分的麻烦,能不能有一种方案支持一次写完,永久部署呢,当然有的,这就是我们今天的主角图床,我们采用CDN+COS+Pic-go app上传图片,对于一张图片只需要快捷键即可完成上传,接下来我们来了解一下如何部署,正文即将开始~~

二、准备工作

1. 域名

首先需要有一个自己的自定义域名(国内已备案)作为引入图片的URL,如果直接使用COS对象的话,流量存在被盗取的可能性,而且不安全,同时自己的域名可以减少图片引入时过长的URL串,有时候甚至可以自行记忆URL链接,所以这里推荐的域名4个字母或者5个字母,便于记忆。

2. DNS解析

一般是以img.example.com作为新的图片的链接引入的,所以这里需要在域名所在的DNS服务商那里添加解析记录,这里添加解析记录的是cname记录,是CDN的cname域名,这个稍后介绍CDN时会进行解释说明。

三、原理解析

首先图片源是存在于COS对象中的,CDN用于加速图片的加载速度,将图片分发到全国各地CDN节点,这个原因主要是目前腾讯的COS对象存储的节点较少的缘故,故这里利用CDN加速,自己的自定义域名起到一种代理的作用,本质上是CDN,图源是COS对象,同时这里COS对象桶中需要开启CDN访问对象的权限的设置,为安全考虑尽量不要直接将对象的URL链接开放,利用CDN会节省一点流量,同时CDN那里还可以做一些限流等等的基础安全防护。

接下来就是介绍一下pic-go app的作用了,试想一下,我们上面虽然解决了图片加速访问和存储的问题,但还有一个小问题,图片上传我们需要使用api手动上传吗?当然可以使用,但有点累,这里推荐使用的pic-go app完全解决了手动上传这个难点,复制图片,然后可以使用自定义的快捷键完成上传,并且获取属于自己域名的专属链接,这里的原理是通过这个app 调用cos 相关的api完成上传的。

四、COS部署

下图为cos的简要使用说明

image-20220624155053332

1. 创建存储桶

这里选择私有读写

下一步就是配置一些高级属性,这里可以根据自身业务逻辑需求进行相应的设置

最后点击下一步确认一下即可完成最终的部署

至此,通过简单的界面操作已经完成了存储桶的创建。

2.创建文件夹

点击存储桶管理那里,有如下几种选项,其中上传文件应该是最常用的,这里我们介绍一下文件夹的创建,通过文件夹的创建可以将我们的不同文件进行分类管理。

五、CDN部署

1.基础配置

在这里插入图片描述

  • 加速域名:即自定义的备案域名,如果符合要求会进行一次dns解析验证归属权
  • 加速区域:这里选择国内加速,这个根据自身购买的资源包决定的
  • 加速类型:选择CDN网页小文件,适用于图片等形式

2.源站配置

源站配置应该是最关键的一环,选择COS源,然后这里会自动浮现源站地址。

这里还需要配置CDN访问COS对象的权限,这里为配置结束的截图,需要再次指定配置的权限,可以在COS源那里进行授权。

在这里插入图片描述

3.服务配置

这里可以根据自己的业务需求进行修改缓存配置,例如图片更新比较快,可以指定png,jpg等格式图片为1天等等,没有特殊需求,可以指定缓存较多天数,省流量。

4.流量封顶配置

这里根据自身购买的流量包进行配置。

5.HTTPS配置

这里上传SSL证书以开启HTTPS访问,没有配置会导致错误的访问,默认是使用腾讯这边的cdn域名证书,所以这里需要自己手动配置一个证书进行替换。

在这里插入图片描述

下面配置一下强制跳转

6.图片压缩配置

这里进行配置一下智能压缩,可以将常见图片格式添加到压缩对象。

六、Pic-go 部署

1.官网地址

官网地址,可以在官网地址下载最新版本

2.pic-go配置

下列各种参数由腾讯云访问密钥中获取

  • secretId:腾讯云中密钥获取
  • secretkey:腾讯云中密钥获取
  • appid:腾讯云中密钥获取
  • 存储空间名:即下列红线部分,一般是自己指定的存储桶名称+数字

  • 存储区域:

    即下面红线部分的英文:ap-beijing

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qrq60Cqd-1656849117780)(https://img.de7v.com/img/20220625001233.png)]

  • 存储路径:即文件夹的名称+/
  • 自定义域名:自己定义的域名作为图片的主url部分

七、总结

通过以上配置,最终我们实现了图片copy到剪切板,然后需要使用默认的ctrl + shift+p即可完成图片的上传,同时如果有开启重命名的设置也可以直接重命名,操作结束,在markdown文件中ctrl+shift+i即可完成刚刚复制的图片的显示,十分方便有没有,至此我们已经完成了图床的部署,价格方面不是很贵,如果是个人使用的博客,大概50左右一年的金额,期待大家早日拥有属于自己的图床。

目录
相关文章
|
4月前
|
监控 安全 BI
阿里云国际跨账号迁移CDN域名操作步骤
阿里云国际跨账号迁移CDN域名操作步骤
|
4月前
|
JSON API 数据格式
阿里云国际版CDN查询实时带宽步骤
阿里云国际版CDN查询实时带宽步骤
|
4月前
|
缓存 网络安全 数据安全/隐私保护
使用阿里云国际CDN加速后网站无法访问的排查步骤
使用阿里云国际CDN加速后网站无法访问的排查步骤
|
存储 对象存储 CDN
智能云相册开通CDN加速的步骤及使用限制
本文介绍如何开通和配置CDN来支持开启CDN加速。CDN加速适用于对外分享的照片且访问量大的场景,详见照片分享。
789 0
|
6天前
|
开发者 CDN
阿里云CDN边缘脚本示例实现/?p123重定向/p/123.html
本文介绍了如何通过EdgeScript实现URL重定向,将`http://www.example.com/?p123`重定向到`http://www.example.com/p/123.html`。使用捕获请求URI中的参数并进行重写,具体代码和内置变量参考阿里云CDN开发者文档。示例代码展示了关键的实现步骤。
25 8
|
25天前
|
CDN
阿里云CDN收费标准,不同计费模式价格表(基础服务费和增值服务费用整理)
阿里云CDN的计费包括基础费用和增值费用。基础费用有三种计费方式:按流量、带宽峰值和月结95带宽峰值,默认按流量计费。增值服务如HTTPS、QUIC、WAF和实时日志等,使用才收费。详细价格和规则请参考阿里云官网。
87 12
|
25天前
|
CDN
阿里云CDN怎么收费?看这一篇就够了,CDN不同计费模式收费价格全解析
阿里云CDN的费用由基础费用和增值费用组成。基础费用有三种计费方式:按流量、按带宽峰值和月结95带宽峰值,默认为按流量计费,价格根据使用量阶梯递减。增值费用包括静态HTTPS请求、QUIC请求等,按实际使用量收费,不使用不收费。具体收费标准和详细规则可参考阿里云官方页面。
|
1月前
|
负载均衡 定位技术 网络安全
阿里云国际站注册教程:阿里云cdn加速怎样
通过阿里云CDN加速,用户可以实现网站内容的快速加载,提升用户体验,同时减轻源站服务器的压力,提高网站的访问速度和稳定性
|
2月前
|
对象存储 CDN
阿里云CDN边缘脚本实现+字符转义%2B
对象存储OSS中,文件名包含+字符时,请求URL未转义会导致404错误。解决方法是将URL中的+字符转义为%2B,或通过CDN/DCDN边缘脚本自动转义。示例脚本:若URI包含+,则替换为%2B。
89 10

热门文章

最新文章