大致思路
简单来说就是利用云储存优化功能,把博客站点上除页面的HTML以外的静态资源全部通过云储存进行加载,包括主题的 JS、CSS、字体、表情图片文件,以及文章正文内图片、头图等图片资源(第三方的插件里的资源文件不包含在内),通过云存储加载这些静态文件,全国各地都有cdn节点,可以加速网页的访问速度,特别对于一些服务器在国外的小伙伴来说很友好。云储存介绍
云储存的功能及用途
云存储是第三方托管的在线存储服务,其在全国乃至世界范围内都有大量的 CDN 节点,用户在访问网站相关资源时会被分配到就近的 CDN 节点,因此在访问速度上通常比我们单台服务器要好很多。常见的云存储服务有七牛云存储、又拍云存储、阿里 OSS、腾讯云存储等 还有很多好用的功能,这里就不一 一介绍了
操作步骤
这里使用七牛云储存进行演示:七牛云和又拍云都提供免费10G的http流量
进入对象储存,点击新建空间,接着在空间管理页面点击设置,点击域名管理进行绑定域名,推荐使用一个二级域名,完成cdn的CNAME解析.
返回刚刚创建的云储存空间,点击空间设置,找到镜像回源,填写主站域名后保存
同样是在空间设置里找到跨域设置,点击新建规则,如下图设置后保存
在文件管理里,把博客所有的静态文件全部上传并把链接提取出来去模板里面修改
最后再用开发者工具一看,大功告成::quyin:1huaji::
如果是跟我一样主题的小伙伴,就方便多了,在主题设置里找到速度优化,如下图所填写后保存,再找到主题插件,设置完后保存即可,另外在七牛设置的方法,跟上面那个方法一样,唯一不同就是不需要动手把静态文件放到七牛上。
如果在七牛开启了cdn防盗链的前提下,完成了上述操作,记得在cdn防盗链里为主站添加白名单,否则会造成首页一些功能按钮无法正常显示
若还有其他疑问,欢迎在评论区提出,我会尽量解答。
转载请先获得本人同意!
(如有侵权,请 点此联系我删除 )
悟性挺高的呀,操作起来挺麻溜的。 动静分离效果咋样?
因为静态文件都放在七牛上加载了,所以站点访问速度提升很大。
腾讯CDN更稳定些,我用的是腾讯全家桶。
回头我体验下腾讯的cdn
不过自己要把限频 防盗设置好,不然就是大笔账单等着你。