环球热资讯！解决Hexobutterfly访问速度慢的问题

2023-06-25 22:36:23 来源：哔哩哔哩

(资料图)

原先我觉得我博客慢是因为我的源站延迟高，带宽小，因为没备案的缘故使用不了国内的cdn，我也没办法备案，之前也用过vercel，感觉速度还是慢，于是我打开控制台仔细琢磨了一下，发现butterfly有大量的依赖，那些依赖的源都是jsdelivr的，之前确实挺快的，但是现在jsdelivr的备案掉了，国内访问会被指向国外的节点，因为绕路的原因，速度并不好，于是我就去网上找了更改这些依赖链接的方法，这是我更改后的速度

访客看到加载动画结束后的画面大概一秒多，源站是vercel的，还可以部署个qexo随时随地写文章

修改主题配置文件，找到cdn的option这一项改为

`fancybox_css_v4`和`fancybox_v4`需要自己访问jsdelivr下载上传到自己的cdn上格式跟上面一样（老的butterfly写fancybox，我的是4.5的所以写fancybox_v4），接下来就是批量的把其他的jsdelivr链接改为饿了么的cdn（虽然我也不知道为什么饿了么会有这个cdn，网上找到的）

在主题的script文件夹下新建一个js文件，名字随便代码如下

如果你没用`butterfly_article_double_row`的话可以把后面去掉（就是那个让文章并排排列的组件）说白了他就是引入一个css，但是我是在vercel上部署的，还要使用qexo每次部署vercel都会自己安装包，我没办法控制，所以就魔改一下写到这个文件里来改变地址了（里面的链接我已经开防盗链了，不要光想着白嫖，只是haorblog.adhy.cc这个开了，剩下的可以放心使用都是大厂的）如果你也用`butterfly_article_double_row`

那么在你主题的根目录下的配置文件里把原来的开关关掉，新增加

这个css的文件链接可以在你的node_modules里找到，看hexo开头的就行了，好像是hexo_butterfly_article_double_row，我也忘了，找到以后把上面代码中的替换就行了

我的博客:https://blog.abeginner.cn

关键词：