【HR】首发CDN+COS搭建图床超详细步骤
一、前言
作为一名经常用markdown格式写博客的博主,图片的上传十分头疼,本地的图片插入不利于复用,经常需要手动上传到指定的服务器里面,十分的麻烦,能不能有一种方案支持一次写完,永久部署呢,当然有的,这就是我们今天的主角图床,我们采用CDN+COS+Pic-go app上传图片,对于一张图片只需要快捷键即可完成上传,接下来我们来了解一下如何部署,正文即将开始~~
二、准备工作
1. 域名
首先需要有一个自己的自定义域名(国内已备案)作为引入图片的URL,如果直接使用COS对象的话,流量存在被盗取的可能性,由于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节点分布很广,节点也比较多,费用更低一点,CDN那里还可以做一些限流等等的基础安全防护。
接下来就是介绍一下pic-go app的作用了,试想一下,我们上面虽然解决了图片加速访问和存储的问题,但还有一个小问题,图片上传我们需要使用api手动上传吗?当然可以使用,但有点累,这里推荐使用的pic-go app完全解决了手动上传这个难点,复制图片,然后可以使用自定义的快捷键完成上传,这里的原理是通过Pic -go app 调用cos 相关的api完成上传的。
四、COS部署
下图为cos的简要使用说明http://cdn.u1.huluxia.com/g4/M03/CF/25/rBAAdmNUxn6AM8DoAAEV3pVQ_YM604.jpg
1. 创建存储桶
这里选择私有读写http://cdn.u1.huluxia.com/g4/M03/CF/25/rBAAdmNUxn6AYD30AADeQAJF6ic930.jpg
下一步就是配置一些高级属性,这里可以根据自身业务逻辑需求进行相应的设置
http://cdn.u1.huluxia.com/g4/M03/CF/25/rBAAdmNUxn-ANTyXAAEQlLIwjYE978.jpg
最后点击下一步确认一下即可完成最终的部署
http://cdn.u1.huluxia.com/g4/M03/CF/25/rBAAdmNUxn-AM2N7AACW86xN3X4464.jpg
至此,通过简单的界面操作已经完成了存储桶的创建。
2.创建文件夹
点击存储桶管理那里,有如下几种选项,其中上传文件应该是最常用的,这里我们介绍一下文件夹的创建,通过文件夹的创建可以将我们的不同文件进行分类管理。
http://cdn.u1.huluxia.com/g4/M03/CF/25/rBAAdmNUxn-AF9UHAABtExd1Sg0737.jpg
五、CDN部署
1.基础配置
http://cdn.u1.huluxia.com/g4/M03/CF/25/rBAAdmNUxoCAJ59nAACqJYksAdI363.jpg
加速域名:即自定义的备案域名,如果符合要求会进行一次dns解析验证归属权
加速区域:这里选择国内加速,这个根据自身购买的资源包决定的
加速类型:选择CDN网页小文件,适用于图片等形式
2.源站配置
源站配置应该是最关键的一环,选择COS源,然后这里会自动浮现源站地址。
http://cdn.u1.huluxia.com/g4/M03/CF/25/rBAAdmNUxoCAOg14AADM49j9YoQ371.jpg
这里还需要配置CDN访问COS对象的权限,这里为配置结束的截图,需要再次指定配置的权限,可以在COS源那里进行授权。
http://cdn.u1.huluxia.com/g4/M03/CF/25/rBAAdmNUxoCAdrkCAABxV3vDQR8925.jpg
3.服务配置
这里可以根据自己的业务需求进行修改缓存配置,例如图片更新比较快,可以指定png,jpg等格式图片为1天等等,没有特殊需求,可以指定缓存更长时间。
http://cdn.u1.huluxia.com/g4/M03/CF/25/rBAAdmNUxoGACH1zAAD70grsR3o154.jpg
由于帖子限制第二篇文章请看另一篇#【HR】首发第二部分CDN+COS搭建#
页:
[1]