解决Typecho Joe主题访问fastly.jsdelivr.net速度慢的方案 | 快速优化技巧

silverwq
2022-09-07 / 33 评论 / 2,191 阅读 / 正在检测是否收录...

概述

由于默认typecho主题的静态文件是访问fastly.jsdelivr.net,会严重拖垮博客的访问速度,所以本人花费了一点时间,将静态文件全部迁移到本地,可以加快访问速度,欢迎下载,是基于Joe 7.3.7进行优化。

改动思路

下载所有静态资源到主题的/usr/themes/Joe-master/assets/fastly.jsdelivr.net目录下,如下图所示:
l7rc16wu.png

然后修改代码中加载资源的位置到这个本地目录,这样就完成了本地化加载。

下载安装

如果你也喜欢本地化加载,欢迎下载,安装方法只需要解压放到主题文件夹即可,下载地址如下:

1

评论 (33)

取消
  1. 头像
    小王子
    Windows 10 · Google Chrome

    感谢分享,确实能很好的解决了我的问题表情

    回复
    1. 头像
      silverwq 作者
      Windows 10 · Google Chrome
      @ 小王子

      表情

      回复
  2. 头像
    zurica
    Windows 10 · Google Chrome

    非常感谢,最近也开始使用这个主题,欢迎交流!

    回复
    1. 头像
      silverwq 作者
      Windows 10 · Google Chrome
      @ zurica

      哈哈,如果有问题欢迎反馈

      回复
      1. 头像
        zurica
        Windows 10 · Google Chrome
        @ silverwq

        请问哪些地方的代码需要修改加载资源的位置呢?

        回复
        1. 头像
          silverwq 作者
          Windows 10 · Google Chrome
          @ zurica

          不需要改了,我已经改好了,直接下载安装就可以了

          回复
          1. 头像
            zurica
            Windows 10 · Google Chrome
            @ silverwq

            我用python把CDN上的静态资源都下载到服务器上了,地址也都改过了,博客可以正常运行。就是碰到一个问题无解,Live2D的人物始终无法加载出来,不知道是哪里出错了

            回复
            1. 头像
              silverwq 作者
              Windows 10 · Google Chrome
              @ zurica

              好像分辨率要大于1760px才会显示

              回复
              1. 头像
                zurica
                Windows 10 · Google Chrome
                @ silverwq

                不是的,那个设置我已经改过了

                回复
              2. 头像
                zurica
                Windows 10 · Google Chrome
                @ silverwq

                建议博主你设置一下看看,因为我发现你吧 functions.php 中live2D 相关的配置链接已经改到了本地,/usr/themes/Joe-master/assets/fastly.jsdelivr.net/npm/live2d-widget-model-xxx.json,但是这些配置文件在你提供的静态资源压缩包里并没有,所以你应该也是无法显示 Live2D 的

                回复
                1. 头像
                  silverwq 作者
                  Windows 10 · Google Chrome
                  @ zurica

                  因为我感觉这个功能没啥用,所以就没有去弄这个,静态文件很多,去下载很麻烦,你可以看下有没缺少某个静态文件,或者这部分就要替换本地了

                  回复
                  1. 头像
                    zurica
                    Windows 10 · Google Chrome
                    @ silverwq

                    确实是没什么大用。而且我把Live2D相关的静态文件全部下载到本地了,包括模型文件,依然无法加载出来,但是只要改成CDN链接,就能正常。实在搞不明白,放弃了

                    回复
  3. 头像
    aa
    Android · Google Chrome

    谢谢分享

    回复
    1. 头像
      silverwq 作者
      Windows 10 · Google Chrome
      @ aa

      欢迎使用表情

      回复
  4. 头像
    aa
    Windows 10 · Google Chrome

    谢谢

    回复
  5. 头像
    Windows 10 · Google Chrome

    回复
  6. 头像
    云志
    Windows 10 · QQ Browser

    感谢大佬分享

    回复
    1. 头像
      silverwq 作者
      Windows 10 · Google Chrome
      @ 云志

      表情

      回复
  7. 头像
    bear
    Windows 10 · Google Chrome

    太好了,感谢分享

    回复
  8. 头像
    werw
    Windows 10 · Google Chrome

    sdf

    回复
  9. 头像
    问情
    Windows 10 · Google Chrome

    加油,感谢分享

    回复
  10. 头像
    QQ群
    Windows 7 · Google Chrome

    试试

    回复
  11. 头像
    啧啧啧
    iPhone · Safari

    看看

    回复
  12. 头像
    小颜先生
    iPhone · Safari

    怎么回复了还是提示要回复

    回复
  13. 头像
    doie
    Windows 10 · Google Chrome

    谢谢分享谢谢分享

    回复
  14. 头像
    c
    Windows 10 · Google Chrome

    感谢

    回复
  15. 头像
    111
    Windows 7 · Google Chrome

    看看试试

    回复
  16. 头像
    luo
    Windows 10 · FireFox

    好啊

    回复
  17. 头像
    安抚
    Windows 10 · Google Chrome

    想不通,为什么作者要用这个

    回复
    1. 头像
      安抚
      Windows 10 · Google Chrome
      @ 安抚

      死慢死慢的,网站都被拖累了

      回复
    2. 头像
      silverwq 作者
      Windows 10 · Google Chrome
      @ 安抚

      确实,这个很影响博客的打开速度表情

      回复
      1. 头像
        七叶
        Windows 10 · Google Chrome
        @ silverwq

        兄弟,你这个概述下面的线怎么弄的

        回复
        1. 头像
          silverwq 作者
          Windows 10 · Google Chrome
          @ 七叶

          在主题设置的全局设置栏目下,有个自定义css,黏贴下如下代码即可:
          h2.outline-heading {
          border-bottom:1px solid var(--theme);
          }
          h3.outline-heading {
          border-bottom:1px dashed var(--theme);
          }

          回复