建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

详解七牛云存储以及融合CDN加速(wordpress主题提速:使用七牛云存储CDN加速)

GG网络技术分享 2025-03-18 16:14 0


详解七牛云存储以及融合CDN加速

对于网站上的资源,比如图片,音视频,以及CSS、JS等静态文件可以使用融合CDN加速,提高页面访问速度与资源加载速度。

同样是对网站做加速,但根据需求一般分为两种情况:

情景一:同时使用七牛云的加速服务以及存储服务

情景二:只使用七牛云的加速服务,资源还是在自己的本地存储

情景一: 同时使用七牛云的加速服务以及存储服务

示意图 1

将加速域名解析到指定的CNAME。

  • 做镜像存储

  • 上传文件

  • 加速域名就是需要进行加速的域名,但是这个加速域名的解析地址需要是指定的CNAME。
  • “加速域名”以及“镜像源”的地址需要是两个不同的指向,当加速域名解析完成之后,客户端访问加速域名的时候会从七牛的存储空间拉取资源,此时如果自己的七牛空间里面为空会显示“error:Document not found”,未找到对应的资源。
  • 所以需要进行设置镜像存储或者上传文件到资源空间。对于镜像源资源(文件/图片等),会根据初次访问镜像源自动同步到七牛云存储,数据平滑迁移。设置镜像存储之后直接访问镜像源,即可将数据同步到七牛云。
  • 最后通过访问生成的外链来静态资源来做加速。

情景二:cdn源站直接指向自己域名

示意图 2

  • 源站域名是自己项目的源站,比如配置一个二级域名作为源站域名。
  • 回源HOST是自己的加速域名。
  • 客户端访问时候从客户的源站拉取资源

源站是域名,源站为 cdn.a.com ,回源 HOST 为 www.a.com 。

那么实际回源是请求到 cdn.a.com 解析到的资源 ,对应加速域名 www.a.com 。

在wordpress中启用七牛CDN后, 网站静态文件会被镜像到七牛来,但是修改过之后七牛不会重新去源站取,缓存不会更新,需要去资源池手工删除这个 css 文件后七牛才会重新把它镜像过来。

在新版的 wordpress 插件中,已经有了清除缓存的界面了,插件:WPJAM Basic 传送门:https://wordpress.org/plugins/wpjam-basic/

加速验证:

配置完成之后ping一下自己的加速域名,可以看到ip节点来自七牛云CDN。

wordpress主题提速:使用七牛云存储CDN加速

前面的文章中,我们介绍过多种为wordpress主题提速的方法:禁用google字体、使用多说镜像等。这些方法只是针对wordpress程序自身的局限性而做的优化。但是,影响wordpress网站速度的因素不止这些,比如文章图片过大,也会影响网页的打开速度,这在其它网站中也一样(如织梦CMS)。这些因素是前台的因素,我们可以使用七牛云存储CDN来加速。众所周知,目前的七牛已成为国内数一数二的镜像服务器了,它的速度是不容质疑的。我们可以把我们的wordpress网站的数据同步到七牛上,这样,可以大提升我们网站的速度。那么,怎样通过七牛云存储CDN来为wordpress主题提速呢?

第一步:申请七牛公开空间。

如何申请七牛空间,这个很简单,只需注册 一个七牛帐号就可以获得。这里就不做多说。申请好后,你可以免费获得10G的存储空间和10G的流量。这个对于一般的wordpress小站来说,够用了。如果你的站比较大,可以购买。

有了帐号,我们就可以添加公开空间。这个很简单(如下图),只需按照提示操作就行。

wordpress主题提速:使用七牛云存储CDN加速

记住:选择“公开空间”。

第二步:为空间设置镜像存储。

创建好空间后,点击上图中的你创建好的空间名,如:点击上图中的ssmay,就进入ssmay空间,然后点击“空间设置”,进入空间设置页面,如下图:

wordpress主题提速:使用七牛云存储CDN加速

域名设置:该空间有一个默认域名,我们也可以绑定自己的域名。

镜像存储:点击【一键加速网站】按钮,在弹出的对话框中,【镜像源】填写你的博客地址,确定即可。如下图:

wordpress主题提速:使用七牛云存储CDN加速

第三步:图片地址替换。

上面2步做完后,我们wordpress网站的镜像就做好了。但是,如果想让前台的图片地址使用这个镜像地址,我们还需要把wordpress网站的图片地址修改成七牛镜像地直路径。这个我们可以通过代码来实现。

打开wordpress主题 的functions.php文件,把以下代码添加进去:

if ( !is_admin() ) {
add_action(\'wp_loaded\',\'c7sky_ob_start\');
function c7sky_ob_start() {
ob_start(\'c7sky_qiniu_cdn_replace\');
}

function c7sky_qiniu_cdn_replace($html) {
return str_replace(\'http://wanlimm.com/wp-content/uploads/\', \'http://ssmay.qiniudn.com/wp-content/uploads/\', $html);
}

}

通过上面的代码,我们就将图片路径地址“http://wanlimm.com/wp-content/uploads/”替换成了“http://ssmay.qiniudn.com/wp-content/uploads/” 。

好了,这样我们就完了wordpress主题提速——通过七牛云存储CDN加速,再也不怕图片大而影响网页打开的速度了。如果你网站的图片也比较多,那就不防用用这种方法吧,可能会给你带来意想不到的效果哦。呵呵。

标签:

提交需求或反馈

Demand feedback