wordpress系列 使用cdn加速网站静态资源

初始cdn

经过上一章的网站美化,相信大家的博客现在也都已经栩栩如生了吧,但是特效也是一把双刃剑,在得到颜值的同时,网站性能也是会大打折扣,相信小伙伴的服务器也都是个人使用级别的,带宽还有配置都不会很突兀.那我们的网站性能就没办法拯救了么 NO\~\~ , 只要你有备案域名,那你就可以拥有cdn这把利器,接下来我就为大家分享一款我自己用的cdn网站-dogecloud,主要是dogecloud实名注册的用户每个月有20G的免费额度啦,对于不是大规模的个人博客20G还是很够的.

注意哦,使用cdn需要自己/朋友的域名有备案哦...没有以上条件的话也就只能使用cdn提供的测试域名了,长而且还有期限呢,还是推荐已经备案的小伙伴来进行配置呢

注册cdn

https://console.dogecloud.com/ 点击进入,然后点击注册然后进入进行实名认证就好了,实名认证完成之后,在主页应该就可以看见有免费额度了

image

配置CDN

新增域名

主页进入融合CDN

image

然后点击域名管理-添加域名

image

image

然后按需求选择,并填入自己的加速域名(这里需要自定义一个加速域名,例如 : 我的域名www.sangmuen.com , 那我的加速域名为 : cloud.sangmuen.com 大家可以照猫画虎随便填一个)然后确认添加即可

验证加速域名

点击添加以后会让你去验证该域名是否是你本人的,你只需要将他提供的信息记录下来,然后进入自己的域名服务商哪里,也就是域名解析设置哪里配置一下即可,我用的阿里云域名来演示一下

先进入域名的解析设置-添加记录

image

image

点击添加以后,就可以去cdn网站哪里点击验证,然后就域名添加成功了,添加完成之后我们就要配置域名了,点击域名管理然后里面自己的域名后面有一个小齿轮点他进行配置

image

域名基本配置

image

域名缓存配置

image

域名访问控制

如果你使用了动态壁纸api,那下面的浏览器空来源直接访问就需要打开了,要不手机端会请求不到,因为那个动态壁纸api请求cdn的图片属于跨域操作,而移动端在跨域操作的时候不会保留Referer数据!

image

性能优化配置

image

HTTPS配置

HTTPS配置需要先上传证书,没有证书的话直接不用管即可(阿里云有免费SSL证书哦,大家可以去申请一下),如果有的话就点击上传证书然后将自己的证书用记事本打开然后把里面的编码都复制出来,然后复制到对应的方框中选择上传即可,

image

上传完成之后去HTTPS配置哪里进行选择即可

image

配置云存储

进入云存储

image

然后点击空间管理-空间列表-创建存储空间

image

image

创建完成之后,点击进入新创建的云存储空间

image

然后点击上传文件,将自己的静态文件css,js,字体,图片等需要用来cdn加速的文件都可以上传上来了呢

image

然后去cdn融合-域名管理-域名配置-基本配置里面配置上我们的云储存即可

image

然后上面就会提示有5分钟左右的配置时间,在这个时间里面我们还有一个重要的时候别忘了啊,就是增加加速域名的解析设置,就是在上述验证域名哪一步的地方(域名解析设置那里)进行配置,在新增一个记录,下面CNAME值就是填写让你上面记录的那个CNAME值,不是验证用的那个哦,是域名基本配置里面那个CNAME值

image

然后点击添加就好了!!!

访问cdn加速过的文件

当域名状态冲部署中变成正常以后

image

我们就可以进云存储空间里面,然后每个文件后面都有一个复制链接,这个链接就是这个文件的cdn链接了,直接将自己网站中引用的静态地址对应替换成cdn链接即可.

小结

以上就是我们cdn加速教程的全部内容了,如果小伙伴已经配置成功那赶紧去看看自己的网站打开速度吧!

本文里面牵扯到的证书申请还有域名申请自定义的东西太多就不出教程了吖,如果有不懂的小伙伴可以评论区留言,或者左侧栏添加我好友来问我,欢迎打扰哦ヾ(≧▽≦*)o

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇