仅引入 js 实现博客 cdn 加速

欢迎到我的博客查看最新文章: https://blog.clouder.im

前提

博客 cdn 加速网上有很多的教程, 其中免备案, 最好用的就是 Jsdelivr 了, 我也写过一篇用 Jsdelivr 加速的文章, 但是似乎很多人一开始都看不懂如何用 Jsdelivr 加速… 这篇文章的原理也是基于 Jsdelivr 加速博文图片, 但是保留了原来的相对路径. 并且能够仅引入一个 JS 实现 Jsdelivr 加速 .

• 本文的方法只能实现博文内图片加速, 其余页面的图片无法加速 (为了避免与友链图片等冲突, 并且像文章封面这种图片难以只用 JS 实现替换为 Jsdelivr 链接) .
• 本文能够成功的前提是使用文章的同名文件夹存放图片并且用相对路径引用, 同时博客部署在 Github 上.
• 本文的方法可能和懒加载有冲突, 因此建议关闭懒加载 (实际上使用了 Jsdelivr 后加载是飞速的, 根本不需要懒加载) .
• 除 Butterfly 主题外, 其他主题的 JS 代码并没有经过严格的测试, 因此可能出现 Bug , 请及时留言.
• 由于主题版本的原因, JS 代码可能会出错或者失效, 请及时留言.

JS 代码

为了方便小白, 这里把部分主题 JS 代码写法都写出来了 (什么? 没有你的主题? 那就留言, 我看到有时间就会加上的) .

Butterfly

var name = "yunwanjia-cloud";
var repository = "blog";
if(document.domain != 'localhost'){
   
	if(document.getElementById("post")){
   
		for (var key in document.getElementById("article-container").getElementsByTagName('img')){
   
  			if (isNaN(key)){
   
    			break;
  			}
    		document.getElementById("article-container").getElementsByTagName('img')[key