Blogger是一个很不错的博客平台，就是在国内网络环境下有点“水土不服”。昨天我解决了 Blogger 动态插入外部资源的问题，记录一下解决方法。

问题描述

在访问 Blogger 时，会自动拉取一些外部资源，比如 CSS 和 JS 文件。国内由于网络限制，这些资源加载失败，导致一些功能失效。

之前的解决方案通常是彻底直接禁用这些资源，但这样也会导致 Blogger 的部分小组件无法使用。

解决思路

我的方法是：使用 JS 动态拦截和替换外部资源，将它们指向自己服务器上的备份资源。

这样既能保留 Blogger 小组件的功能，也能解决资源加载失败的问题。

在替换后原资源还是会时不时拉起，这个是blogger的机制，目前我没有找到解决办法，不过这不影响，毕竟也没几个人会去关注控制台

实现步骤

1. 首先访问你的 Blogger 博客，在控制台（F12）中找到加载失败的资源链接。
2. 通常会有 3 个资源：2 个 CSS 文件和 1 个 JS 文件。
3. 将这些文件下载到你的服务器，比如放在 https://cloud.eebk.com。
4. 使用以下 JS 代码进行动态拦截和替换。

代码示例

总结

通过这种方法，不需要修改 Blogger 的源代码，也不会影响现有的小组件功能。只需要在页面中插入这段 JS，即可完美解决外部资源加载失败的问题。

需要注意的是这段JS最好放在主题代码的头部，让他优先加载。

希望这个方法对你有所帮助！

版权所属：奕奕博客