一直都是使用七牛云来加速网站,主机是阿里云的,域名也注册了二个,用来弄CDN加速。阿里云有一整套的方案,今天决定把七牛的加速改到阿里云上,也方便管理吧,以下是折腾的过程,操作其实是跟其它云加速差不多的。
建立OSS
先在阿里云里新建一个bucket,用来存放网站的静态文件。这里先绑定域名,可以去注册一个便点的,一年十几块的就行,必竟是用来作加速用的,不是网站的主域名。如果域名都是在阿里万网注册的,可以直接创建CDN加速。
设置OSS镜像回源
在刚才新建的bucket中,选择基础设置-镜像回源,在弹出来窗口中设置好源站的域名,如果是用HTTPS的,就选HTTPS就行。
CDN配置
进入阿里云CDN,点击域名管理-配置,这里显示了CDN相关参数设置,有缓存周期、HTTPS开启、性能优化等。至于缓存周期,根据自己的需求来设置,本站设的是以后缀名来弄的,比如图片类设为一个月,js、css设为一周。
HTTPS开启
现在满天下都是加锁的了,还是开启HTTPS吧,先申请一个域名的SSL证书,都在阿里云上的,直接可以选,所以挺方便的。
域名解析
这一步便是加速域名的解析了,在阿里云域名管理中找到要设置的域名-解析,添加CNAME就行,主机选“@”,对应的值填写CDN域名上显示的CNNAME即可,等几分钟就生效了。
wordpress设置加速
因为本站CDN在后台弄了相关的参数设置,你可以直接输入值也行。主要是加速的网站域名、加速的域名、加速的目录、加速的文件类型。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
/*CDN镜像存储*/ if ( !is_admin() && cs_get_option('i_cdn_switcher')) { add_action('wp_loaded','c7sky_ob_start'); function c7sky_ob_start() { ob_start('c7sky_qiniu_cdn_replace'); } function c7sky_qiniu_cdn_replace($html){ $local_host = cs_get_option('i_cdn_local_host'); //博客域名 $qiniu_host = cs_get_option('i_cdn_qiniu_host'); //七牛域名 $cdn_exts = cs_get_option('i_cdn_exts'); //扩展名(使用|分隔) $cdn_dirs = cs_get_option('i_cdn_dirs'); //目录(使用|分隔) $cdn_dirs = str_replace('-', '\-', $cdn_dirs); if ($cdn_dirs) { $regex = '/' . str_replace('/', '\/', $local_host) . '\/((' . $cdn_dirs . ')\/[^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/'; $html = preg_replace($regex, $qiniu_host . '/$1$4', $html); } else { $regex = '/' . str_replace('/', '\/', $local_host) . '\/([^\s\?\\\'\"\;\>\<]{1,}.(' . $cdn_exts . '))([\"\\\'\s\?]{1})/'; $html = preg_replace($regex, $qiniu_host . '/$1$3', $html); } return $html; } } |
跨域问题
经过以上步骤,可以实现了阿里云的CDN加速了,不过本站的字体图标出理了问题,没能显示出来,查找F12发现是远程跨域读取的问题。在阿里云CDN设置里也有相关设置的。
设置如下图:
CDN刷新问题
加速后CSS、Js文件都是从CDN节点上读取的,如果网站需求有更新了这些文件,还没进行CDN刷新的话,网站是看不到效果的,这时就需要在CDN管理面板上进行刷新,阿里的刷新有URL、目录、全站的刷新。这里介绍一下如何刷新CSS或JS文件
一、通过更改版本号来更新:
这种更新是在要链接了CSS或js文件的后面,添加一个版本号,通过更改这个版本号来刷新文件。
1 |
https://aqicdn.cc/wp-content/themes/BlackCandy-V1.52/style-diy.css?ver=1.0.0.1 |
如上,改变ver后面的版本号,然后去CDN文件管理上删除style-diy.css文件,网站就更新了。
二、通过URL刷新:
这种刷新一定要带上后面的版本号,在CDN刷新里进行刷新就行,好像都要删除原文件才能刷新的,不知你们是不是有这种情况。
这样一来,你的网站就能静态加速了,网站地打开速度也提高了不少吧,秒开的感觉很爽的。
你的附件是上传阿里云的吗?用的是哪个插件,我之前用那个感觉不好用
我的附件没有上传到阿里 在本地的
打包网站文件就够忙活了

在本地的话,迁移数据好麻烦,下载网站文件包很大一坨

是啊 旧了好大哦
我以前的站点就用了阿里云cdn,www.linguang.me
很棒,等有空把网站备案一下后也加一个阿里的CDN
是的,用个CDN快很多的
偶的自己电脑访问还是没有秒开。虽然只是CDN。
难道是刚启用一天的原因?哈
搬了家,网络还没弄好,好久没上网了
哈哈这个不错,近来我也在弄这事,,,真是雪中送碳啊。哈。太棒了。
用阿里的,速度很快
哈哈。估计可能要加下你QQ找你聊聊哈哈。104384312
你用啊里的OSS,在WP里是用什么插件进行对接的?!
没乃插件,文章下面有个函数的 你改成你的CDN域名就行
你是OSS+CDN了?!
OSS你用的不是本站域名?
你的HTTPS也是啊里的吧。
证书也是阿里的,阿里都有一整套的,挺方便的