MENU

Typecho博客做动静分离达到优化速度

2021 年 07 月 04 日 • 阅读: 949 • 笔记

大致思路

简单来说就是利用云储存优化功能,把博客站点上除页面的HTML以外的静态资源全部通过云储存进行加载,包括主题的 JS、CSS、字体、表情图片文件,以及文章正文内图片、头图等图片资源(第三方的插件里的资源文件不包含在内),通过云存储加载这些静态文件,全国各地都有cdn节点,可以加速网页的访问速度,特别对于一些服务器在国外的小伙伴来说很友好。


云储存介绍

云储存的功能及用途

云存储是第三方托管的在线存储服务,其在全国乃至世界范围内都有大量的 CDN 节点,用户在访问网站相关资源时会被分配到就近的 CDN 节点,因此在访问速度上通常比我们单台服务器要好很多。常见的云存储服务有七牛云存储、又拍云存储、阿里 OSS、腾讯云存储等 还有很多好用的功能,这里就不一 一介绍了

操作步骤

这里使用七牛云储存进行演示:七牛云和又拍云都提供免费10G的http流量
进入对象储存,点击新建空间,接着在空间管理页面点击设置,点击域名管理进行绑定域名,推荐使用一个二级域名,完成cdn的CNAME解析.

1

2

返回刚刚创建的云储存空间,点击空间设置,找到镜像回源,填写主站域名后保存

3

同样是在空间设置里找到跨域设置,点击新建规则,如下图设置后保存

在文件管理里,把博客所有的静态文件全部上传并把链接提取出来去模板里面修改

5

6

最后再用开发者工具一看,大功告成::quyin:1huaji::

7


如果是跟我一样主题的小伙伴,就方便多了,在主题设置里找到速度优化,如下图所填写后保存,再找到主题插件,设置完后保存即可,另外在七牛设置的方法,跟上面那个方法一样,唯一不同就是不需要动手把静态文件放到七牛上。

8

9


注意

如果在七牛开启了cdn防盗链的前提下,完成了上述操作,记得在cdn防盗链里为主站添加白名单,否则会造成首页一些功能按钮无法正常显示
若还有其他疑问,欢迎在评论区提出,我会尽量解答。

本文到此结束
  • 文章标题:Typecho博客做动静分离达到优化速度
  • 文章链接:https://hq233.cn/archives/165.html
  • 作品采用:CC BY-NC-SA 4.0 许可协议授权
  • 版权所有:本文版权归 隔壁小胡的博客所有
    转载请先获得本人同意!
    (如有侵权,请 点此联系我删除 )
  • 最后编辑于: 2021 年 08 月 02 日
    返回文章列表 文章二维码
    本页链接的二维码
    打赏二维码
    添加新评论

    已有 5 条评论
    1. 悟性挺高的呀,操作起来挺麻溜的。 动静分离效果咋样?

      1. @提莫酱因为静态文件都放在七牛上加载了,所以站点访问速度提升很大。

      2. @隔壁小胡的博客腾讯CDN更稳定些,我用的是腾讯全家桶。

      3. @提莫酱回头我体验下腾讯的cdn

      4. @隔壁小胡的博客不过自己要把限频 防盗设置好,不然就是大笔账单等着你。