服务器空间小?网站打开卡顿?为你的网站提个速

本文主要针对部分小伙伴服务器空间小,打开网站速度的问题

通过腾讯云的cos有效释放你服务器空间,通过cloudflare的加速,让你的文件(图片/视频)在全球访问无阻。

注意:设置之前,请务必进行备份!!!

 

 

一、云端存储配置

1.1、COS官网

腾讯云对象存储cos:点此进入

我们进入腾讯云官网,你可以查看cos相关的规则,cos针对香港以及海外区域是免费 5G的存储,对于很多做网站的小伙伴来说,已经完全满足需求。

我们进入腾讯cos的官网后,点击“立即使用”,开始进入控制台(注意:如果是未注册的小伙伴,会要求你注册实名

勾选协议,并确认开通


新用户是有资源赠送的,不过 基本是鸡肋,直接无视就好


 


点击 “进入控制台”,进入COS控制台


 

1.2、创建存储桶


点击 “创建存储桶”,进入创建流程

存储桶,你可以理解为存放文件的空间


 

新建存储桶


地域:选择中国香港(⭐)

名称:可以随意设置,这里我设置的是xunpan

访问权限:务必选择“公有读私有写”(意思是没权限的只能看 ,如果你想上传文件,那么必须要有权限才行。)


 


高级可选设置:使用默认的设置即可,无需进行任何修改


 


确认配置信息


 

 


确认后自动跳文件列表,此时的列表为空。

我们点击 “概览”,查看存储桶的信息


 

 


查看COS存储桶“基本信息(名称和地域)”和“域名信息(访问域名)”,务必 保存好这三个信息,我们在后续是用到的。


 

存储桶名称:xunpan-130****856 
 所属地域:香港 (中国)(ap-hongkong)
 访问域名:https://xunpan-130****856.cos.ap-hongkong.myqcloud.com

 

1.3、创建访问权限

为了保证我们网站能正常上传文件到cos,那么我们必须生成对应的全选

我们上文在创建存储桶的时候,已经限制了权限为私有写,那么我们必须赋予网站写入的权限。

我们进入权限设置入口 :https://console.cloud.tencent.com/cam/capi

 


点击“新建密钥”,开始创建网站的访问专用密钥。


 


创建好的密钥,默认是不显示secretkey,我们需要点击显示


 


点击后要求我们使用微信进行扫码验证


 


验证后,可以看到APPID/SecretId/SecretKey 等信息,请务必保存好

务必不要让他人知道!


 

 


以上的三个信息,我们用文本单独保存备用。


APPID:1304194856
SecretId: AKIDS****p8D3e2B6mbEk******UGn5IH3a 
SecretKey: LSM3****cy85nGVWJrB****kodEcon

 

二、配置加速

由于我们是使用cloudflare进行全球加速的,那么我们需要分配一个单独的子域名进行加速。

我们网站的域名是xunpan.wang ,我们专门分配一个加速域名txy.xunpan.wang用于文件以及图片的访问。

 

2.1、添加“自定义源站域名”

 


首先,要进入cos存储桶的设置中,找到“自定义源站域名”,点击添加域名


 

 


输入用于访问的域名txy.xunpan.wang,并点击保存


 

 

2.2、添加域名解析记录

添加后,并不是能直接访问的,我们还需要添加解析记录,同时为了解决“全球加速”问题和https访问问题,那么我们在解析时候,要注意:

  1. 务必要使用cloudlfare进行;
  2. 添加解析记录时,要在xunpan.wang这个域名下,千万别搞错咯;
  3. 域名解析记录类型是CNAME;
  4. 域名解析的名称的txy(我们要添加的是txy.xunpan.wang,所以此处应该是写txy);
  5. 目标:我们在cos存储桶设置自定义源站域名时,有个cname,就是这个内容,当然这个值和存储桶的访问域名也是一致的;
  6. 代理状态:务必要开启代理状态。

 

2.3、文件访问测试

通过上文,我们如何确定我们是配置成功了呢?

  • 手动上传一个文件到存储桶;
  • 通过加速域名txy.xunpan.wang去访问这个文件,看是否能访问成功。

 


我们进入存储桶的文件列表,上传一个名为xzz.zip的文件到存储桶。


 


这是已经上传成功了,我们在列表中,选择“xzz.zip”这个文件,并点击详情。


 

 


在详情中,选择“自定义源站域名”和我们上文添加的加速域名txy.xunpan.wang

复制下方的“对象地址”,并贴入地址栏进行下载测试


 

 


我们可以看到,这个文件是可以正常下载的,这说明我们的配置是没问题的。


 

三、网站后台配置

 

3.1、安装插件

进入网站后台安装插件页面,搜索并安装“Sync QCloud COS

  • 路径:插件 >> 安装插件
  • 搜索:Sync QCloud COS

 

3.2、腾讯云COS设置

启用了“Sync QCloud COS”以后,我们 进入插件进行设置。

  1. 存储桶名称:xunpan-130****856
  2. 存储桶低于:中国香港
  3. APP ID:1304194856 (上文1.3中生成的appid)
  4. SecretID:AKIDS****p8D3e2B6mbEk******UGn5IH3a(上文1.3中生成)
  5. SecretKey:LSM3****cy85nGVWJrB****kodEcon(上文1.3中生成)
  6. 本地文件夹:建议用“.”(英文的点)
  7. URL前缀:https://txy.xunpan.wang (分配的域名是txy.xunpan.wang,同时支持https访问,所以此处是https://txy.xunpan.wang,注意结尾不能是“/”)

 

填写内容的示意图如下图

参照进行设置即可

 

 


为了节省本地存储空间,建议进行以下两个设置

①、勾选“不在本地保留备份

②、自动重命名文件:选择“时间戳+随机数”


 

复制下述链接到浏览器测试打开情况

https://txy.xunpan.wang/2022/10/1664621852620.webp

 

三、相关问题

 

3.1、原数据未转移,导致图片显示异常

诸多小伙伴反馈:按照本文设置后,图片不显示了

这是由于:已有的静态文件没有转移到腾讯云COS导致,我们需要手动进行转移


A:问题特征

有小伙伴反馈,参照以上教程操作后,网站图片都挂掉了

 

具体情况见下图

 

 

后台媒体库中的诸多图片也是不显示的

 

我们随意点开几个图片,可以看到对应的链接,我们去cos中查找,发现文件并不存在

B:问题定位

我们可以看到这个域名并不是和网站域名一致,而是我们之前新配置的专门用于图片加速的域名。

之前图片不显示可能是由于图片还在服务器中,并未同步到COS导致,那么我们需要手动把服务器的文件下载并上传到腾讯云COS中。

注意:静态文件是存储在网站根目录的/wp-content/uploads 文件夹下,那么我们也需要进入服务器找到网站对应的文件夹,整个打包转移到COS中

 

C:下载文件

 

我们需要下载需转移的文件(/wp-content/uploads 文件夹)

我们进入appnode后台,找到对应网站的文件目录,点击“文件”即可进入文件管理界面

www是该网站的根目录,点击www进入

 

我们在根目录下,找到“wp-content”文件夹,我们在文件夹下可以看到uploads文件夹

我们勾选uploads文件夹,并在左上方的“批量操作”下点选“压缩”操作

注意:为什么要压缩?

由于文件夹内文件较多,我们通过压缩可以节省操作时间以及防止遗漏

 

在弹出的弹窗中,我们选择zip压缩格式,直接点击“确定”开始进行压缩

 

压缩中的界面如下

 

压缩完成后,我们找到uploads.zip压缩包

勾选uploads.zip压缩包,并在左上角的“批量操作”中点击“更多>>”,选择下载

这样就可以把uploads.zip压缩包下载到本地

D.解决问题(文件存储于cos根目录)

由于我们上文教程中设置的文件夹是根目录,意思是文件传到cos是传到cos最上一级中

那么uploads文件夹中的文件内容也要传到cos 的根目录

(重点标记)

我们在本地解压uploads压缩包,把uploads文件夹中的内容上传到cos根目录

此处我们直接全选文件夹内的内容,然后拖拽上传到COS根目录

我们可以看到上传的速度还是蛮快的

 

 

很快几百个文件上传完成,我们可以看到根目录已经有这些文件了

 

 

D.测试访问

这时我们去媒体库可以看到图片已经是可以正常访问了

 

 

E.补充说明(文件存储于COS非根目录)

如下图,文件存储于腾讯云cos的wp-content/uploads文件夹下,那么我们上传服务器上uploads文件夹内的文件位置也要相应调整

如下图,把下载到本地的uploads.zip压缩包解压成文件夹的形式

登录腾讯云后台,进入存储桶的“文件列表”

由于uploads是在wp-content文件夹下,那么我们需要在存储桶根目录下找到wp-content文件夹

如果wp-content文件夹不存在,请手动创建一个(没任何同步操作是不存在的,有同步操作会自动生成)

在wp-content文件夹下,我们上传本地的uploads文件夹(建议直接拖拽uploads文件夹直接上传

在存储桶的右上角我们是可以看到上传的进度的,速度非常快。

 

点击任务进度,可以看到执行的详情

 

完成上传后,我们进入打开网站后者进入媒体库,看之前的图片是否能正常显示,理论上是不会存在问题的

如有问题,请大家在文末留言

 

 

版权声明:
作者:阿磐
链接:https://www.dulizhanseo.com/wangzhanyouhua-tengxunyun-cos-cloudflrea-cdn
来源:独立站SEO
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
服务器空间小?网站打开卡顿?为你的网站提个速
利用第三方对象存储(腾讯云对象存储COS服务)和全球加速(cloudflare代理)服务,解决网站访问卡顿、服务器小等问题,成本低至0元。
<<上一篇
下一篇>>
文章目录
关闭
目 录