【WordPress】网站+七牛云+CDN+SSL证书

1、写在前面

随着网站内容的积累,上传的图片和其他文件会占用服务器很多空间。网页的响应速度可能就会变慢,而我们可以将这些静态资源放在“CDN云存储服务器”上面,CDN 加速优点是成本低,速度快,适合访问量比较大的网站。这样既可以实现网站的瘦身,也能够提高响应的速度。

2、七牛云

【Wordpress】网站+七牛云+CDN+SSL证书

推荐七牛云的原因:

  • 安全性能:为用户数据创建至少三个副本并跨IDC存储到多个数据中心,同时支持防盗链设置;
  • 数据存储:支持图片、音频、视频、JS、CSS等多种静态文件的存储,并支持断点续传;
  • 云端加速:七牛的500多个加速节点遍布全球,会自动选择离用户最近的节点,并实现数据上传下载的双向加速;
  • 数据处理:支持云端在线压缩、裁剪等图片处理及音频、视频格式转换,还可在线进行视频截图;
  • 开发合作:为开发者提供了多种接入工具及丰富的开发包,提供API、SDK教程示例;
  • 域名绑定:已备案的网站可申请绑定自己的域名,未备案的用户可使用七牛的二级域名绑定;
  • 镜像功能:通过一定的设置,可自动将网站原有图片等静态文件镜像到七牛,而无需重新上传到七牛服务器;
  • 外链分享:由于七牛云支持外链,可以将文件上传至七牛,直接利用文件链接地址作外链调用。

2.1、创建对象存储空间

登录->管理控制台->对象存储->新建存储空间->填写信息

【Wordpress】网站+七牛云+CDN+SSL证书

示例,空间的名称为blog:

【Wordpress】网站+七牛云+CDN+SSL证书

2.2、绑定域名

接下来我们需要绑定一个CDN的域名,(1)在你创建存储空间的时候会自动分配一个不规则的域名,(2)如果自己的域名是已经备案过了,我们可以使用CNAME,创建自定义的CDN域名。

示例:qiniu.zhaoshuai.me

【Wordpress】网站+七牛云+CDN+SSL证书

在通信协议这里:

  • 如果你的网站域名没有申请SSL证书,即不支持HTTPS协议,那就选HTTP就好。
  • 由于本站加了SSL证书(【Nginx】域名添加 https 证书),我们就要选择HTTPS。另外,在下图我们可以看到,需要们选择一个相对应的SSL证书,点击 SSL证书管理  申请(下面我们会进行介绍):

【Wordpress】网站+七牛云+CDN+SSL证书

源站配置选择 之前创建的空间的名字就可以:

【Wordpress】网站+七牛云+CDN+SSL证书

其他高级设置,如果有需要可以自定义设置,然后点击创建,可以在域名管理里面看见刚刚创建的域名:

【Wordpress】网站+七牛云+CDN+SSL证书

2.3、SSL证书申请

上述步骤,我们选择了HTTPS通信协议,需要我们申请一个证书。很简单。

SSL证书服务->购买证书:

选择一个免费的,提交即可

【Wordpress】网站+七牛云+CDN+SSL证书

SSL证书服务->补全信息->提交

  • 域名(通用名称),示例:qiniu.zhaoshuai.me
  • 证书备注:博客
  • 验证方式:DNS验证
  • 加密算法:RSA

【Wordpress】网站+七牛云+CDN+SSL证书

SSL证书服务->证书管理->详情->DNS验证

在证书管理,找到自己申请的证书,点击最右侧详情。

域名所有权验证,DNS(TXT)-> 免费证书验证指南

【Wordpress】网站+七牛云+CDN+SSL证书

配置成功之后,等待一段时间就会看到自己的证书已经完成验证,可以使用了。之后在绑定域名的时候,就可以看到相对应的SSL证书。

3、Wordpress插件

下载三个插件:

  • WP Super Cache
  • WPJAM BASIC
  • WPJAM 七牛镜像存储

【Wordpress】网站+七牛云+CDN+SSL证书

3.1 WPJAM BASIC 配置

在配置中,打开七牛镜像云存储:【Wordpress】网站+七牛云+CDN+SSL证书

3.2 WPJAM 七牛镜像存储配置

  • 七牛域名,示例:https://qiniu.zhaoshuai.me/
  • 七牛空间名,创建的空间名字, 示例:blog
  • ACCESS KEY & SECRET KEY, 七牛云->个人面板->密钥管理(选择其中一对即可)

【Wordpress】网站+七牛云+CDN+SSL证书

登陆 wordpress 仪表盘后,在浏览器中输入:

https://{自己域名}/wp-admin/options.php

使用Ctrl+F命令找到 upload_url_path 选项,在其中输入:

https://{七牛域名}/wp-content/uploads 

注意!!后面一定不要加”/”, 示例 :

https://qiniu.zhaoshuai.me/wp-content/uploads

【Wordpress】网站+七牛云+CDN+SSL证书

记得点击保存,然后我们再看媒体库中的所有的图片的链接格式都已经更改了。改成了刚刚更改的URL前缀。

然后我们再去七牛云对应的存储空间上去看,发现博客的图片都已经同步过去了:

【Wordpress】网站+七牛云+CDN+SSL证书

之后再新上传的照片也会自动同步到七牛上,此方法的好处在于你只需在wordpress中上传图片,就会自动同步到七牛空间,而无需登陆七牛上传并手动输入图片地址了。并且除了图片地址改变外,其他操作如常。引用图片时会自动加载七牛空间中的图片,实现 wordpress 免费CDN全网加速。不便之处是上传的图片仍会在 wordpress 空间中保留,占用空间容量。也就是说,它仍然在你的本地保存了一份,不过访问时会访问七牛的网址,也就可以实现CDN加速,而且为你的主机节省流量了。当然,由于图片已同步至七牛镜像空间中,你也可以选择删除 wordpress 中的图片。

3.3 WP Super Cache 配置

wordpress仪表盘 -> Settings -> WP Super Cache 

  • 站点地址(URL), 示例:https://zhaoshuai.me
  • Off-site URL,七牛域名,示例:https://qiniu.zhaoshuai.me

【Wordpress】网站+七牛云+CDN+SSL证书

保存修改,这样就能够实现CDN加速了。

通过上述步骤,就可以将我们的博客部署到七牛云存储上,并实现了HTTPS加密保证安全,既可以提高网站加载速度,同时也节省我们的主机流量。

如果有什么不正确或者不完善的地方,欢迎留言~

4、参考博文:

 

喜欢(2) 打赏

评论6

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #0
    插个眼
    wayne2018-11-30 11:50:10回复
    • 欢迎~~
      zhaoshuai2019-05-13 11:13:04回复
  2. #0
    Propecia Length To Work The Canadian Med Store Thyroxine Sodium Tablets For Sale levitra with dapoxetine reviews Propecia Irreversible Side Effects
    Ellinoche2019-09-02 0:22:21回复
  3. #0
    Keflex Did Not Work Cantidad De Propecia Causes Avec Clomid cialis without a doctor's prescription Doxycycline Worldwide Viagra O Cialis El Priligy Funciona
    KelSilt2019-09-05 10:45:18回复
  4. #0
    你好请问下申请的二级域名证书,需要在网站设置吗?
    Heihei2020-02-23 1:48:20回复
    • 是的,二级域名处理方式一样的
      zhaoshuai2020-02-25 15:48:57回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

小北在线

小北在线

  • 扫描二维码,微信联系 扫描二维码,微信联系