[Web]使用腾讯云的对象存储COS给网站加速

Author： Peter斩天邪
发布时间：February 20, 2020
925views
4 comments
2291 words
Categories：技术 Web
百度已收录

## 前言

几个星期前Peter全站挂埋,其中用了`Pio`(看板娘)插件,小埋的模型就达到了8MB(当然实际加载肯定没有这么大),模型加载起来还是很快的,但是这个模型是有声音互动的(想必要是声音开的很大的话恐怕会吓到人...),而声音格式是wav,虽说不是很大,但当你和模型互动的时候声音要加载几秒钟,感觉有点怪,所以.....
我第一个想到的是`CDN`
但是因为是国外的服务器,所以备案有点麻烦(应该不能备案),而国内大多数靠谱的CDN都需要备案,所以第一个方案就放弃了
我第二个想到的是之前白嫖过的`jsdelivr`,但是......
`不支持音频文件!!!!`

于是`皮皮姐`介绍了这个
<div class="preview">
<div class="post-inser post box-shadow-wrap-normal">
<a href="https://qwq.best/dev/16.html" target="_blank" class="post_inser_a no-external-link">
<div class="inner-image bg" style="background-image: url(https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/1607522363.png);background-size: cover;"></div>

<div class="inner-content" >
<p class="inser-title">教程向：使用阿里云对象存储(OSS)搭建静态网站~</p>
<div class="inster-summary text-muted">

</div>
</div>
</a>

</div>

</div>

于是我找到了腾讯云的COS(对象存储)

## 正文开始!

预览:
![](https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/818160371.png)
现在来讲一下步骤吧

1. 先到这里https://console.cloud.tencent.com/cos5
   这里会有`1元新手包`的提示,你可以买
   但是`这是标准存储容量资源包!!!不是下行流量包!!!`
2. 点击`创建存储桶`
   ![](https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/3582938152.png)
3. 填写信息,记得选`公有读私有写`!!!
   ![](https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/2661636792.png)
4. 上传文件....
   ![](https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/97374969.png)
5. 现在我用`小埋的模型的Json文件`为例
   点击`详情`
   ![](https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/3476048501.png)

## 举例(特例)接上面第5步

由于没有备案,所以单独拿出来举例
这里最好选择`默认源站加速`,如果有备案的可以去绑定加速域名
如果出现问题，还请看看有没有开启防盗链，必须要把自己的源站域名/加速域名加到白名单里！！
![](https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/2660208429.png)
现在可以复制访问地址:
![](https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/4208994846.png)
到插件管理
填这个进去
![](https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/1025827449.png)
大功告成!

## 费用一览

其实我感觉还是很便宜的
https://buy.cloud.tencent.com/price/cos/calculator
![](https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/4112544450.png)
当然,要是你被别人搞了的话.........
费用可能........
![](https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/26976049.png)

##设置COS
总之你得开一个`防盗链`
![](https://cdn.jsdelivr.net/gh/zhantianxie/re-leases-of-site@latest/usr/uploads/2020/02/2985861617.png)
选择`拒绝空 referer` 防止别人直接下载(或者.....你懂的)

## 完结

本文为原创文章,转载需经过同意
如有不当之处请在下方留言

Last modification：September 7th, 2020 at 10:01 pm

您的每次打赏，都是我更新的不竭动力!

4 comments

ljcbaby Edge 80.0.361.111 Windows 8.1 中国浙江金华
April 10th, 2020 at 02:47 pm

jsDelivr是有文件大小上限吧，没记错的话

Reply
1. Peter斩天邪 Google Chrome 81.0.4044.92 Windows 10 中国湖南长沙
  April 10th, 2020 at 02:53 pm
  
  @ljcbaby
  GitHub仓库文件大小限制好像是100mb....
  
  Reply
  1. ljcbaby Edge 80.0.361.111 Windows 8.1 中国浙江金华
    April 11th, 2020 at 11:44 am
    
    @Peter斩天邪
    去准确的查了一下，jsDelivr不支持加载超过20M的资源
    
    Reply
    
    Peter Google Chrome 81.0.4044.91 Android 9 中国香港
    April 11th, 2020 at 11:52 am
    
    @ljcbaby
    大于20mb的还是存cos吧…单个文件20mb也够了
    
    Reply