DNS污染已经开始了，用不了一周,cdn.jsdelivr.net就会全国沦陷

本文更新于: 2022年6月2日

cdn.jsdelivr.net被墙，github图床替换解决方案

#被墙 #jsdeliver #图床
该来的还是来了，pic.appmiu.com之前抽过一次风，原因是国内 ICP 备案被下掉了。我当时也再担心随之而来的就是高墙。
现在DNS污染真就来了。阿喵我用来做图床加速，也不知道多少人的库用这个来加速。这下完犊子了。
1月30号我发了这个：

阿喵

JsDeliver备案掉了，以后被墙的概率就大大增加了

22年1月30日

有用0
没用0

我得想办法换图片地址了

部分地区还能看到正常的图，但是DNS污染已经开始了，用不了一周,pic.appmiu.com就会全国沦陷，唉，freedom

Git图床替换

jsdelivr加速挂了，意味着github的免费图床也就不能用了。

jsdelivr #github

github上很多人提issue ，也得到回复，就是无解
Unfortunately there isn’t anything we can do about it. We maintained a China specific block list but it still wasn’t enough apparently. If someone knows how to contact the relevant Chinese organs to discuss the unban of the service please let us know.
In the meantime you can try a service like
https://github.com/PipecraftNet/jsdelivr-auto-fallback
上面这个临时解决方案，在网站的开始放入作者提供的那段代码替换pic.appmiu.com为gcore或者fastly等。

具体操作：

把github上这个项目里的这两个文件（任意一个）打开，复制代码
cdn.jsdelivr.net被墙，github图床替换解决方案

代码内容：

代码我做了变更。加上这个标签和属性script defer ，第四行const DEST = ‘https://www.appmiu.com‘; 替换为了我的本地地址。

&lt;script defer&gt; 
(function (document) {
  const SOURCE = &#039;https://pic.appmiu.com&#039;;
  const DEST = &#039;https://www.appmiu.com&#039;;
  const $ = document.querySelectorAll.bind(document);
  const checkAvailable = (callback) =&gt; {
    let timeoutId;
    const newNode = document.createElement(&#039;link&#039;);
    newNode.rel = &#039;stylesheet&#039;;
    newNode.text = &#039;text/css&#039;;
    const onError = () =&gt; {
      if (!timeoutId) {
        return;
      }

      clearTimeout(timeoutId);
      timeoutId = 0;
      newNode.href = &#039;about:blank&#039;;
      newNode.remove();
      callback(false);
    };

    timeoutId = setTimeout(onError, 2000);
    newNode.addEventListener(&#039;error&#039;, onError);
    newNode.addEventListener(&#039;load&#039;, function () {
      newNode.remove();
      clearTimeout(timeoutId);
      callback(true);
    });

    newNode.href =
      SOURCE +
      &#039;/gh/PipecraftNet/jsdelivr-auto-fallback@main/empty.css?&#039; +
      Date.now();
    document.head.insertAdjacentElement(&#039;afterbegin&#039;, newNode);
  };

  const replaceElementSrc = () =&gt; {
    for (const element of $(&#039;link[rel=&quot;stylesheet&quot;]&#039;)) {
      if (element.href &amp;&amp; element.href.includes(SOURCE)) {
        element.href = element.href.replace(SOURCE, DEST);
      }
    }

    for (const element of $(&#039;script&#039;)) {
      if (element.src &amp;&amp; element.src.includes(SOURCE)) {
        const newNode = document.createElement(&#039;script&#039;);
        newNode.src = element.src.replace(SOURCE, DEST);
        element.defer = true;
        element.src = &#039;&#039;;
        element.before(newNode);
        element.remove();
      }
    }

    for (const element of $(&#039;img&#039;)) {
      if (element.src &amp;&amp; element.src.includes(SOURCE)) {
        const source = element.src;
        // Used to cancel loading. Without this line it will remain pending status.
        element.src = &#039;&#039;;
        element.src = source.replace(SOURCE, DEST);
      }
    }
  };

  checkAvailable(function (isAvailable) {
    if (isAvailable) {
      return;
    }

    console.warn(SOURCE + &#039; is not available.&#039;);

    replaceElementSrc();
    // Replace dynamically added elements
    setInterval(replaceElementSrc, 500);
  });
})(document);&lt;/script&gt;

(function (document) {

const SOURCE = 'https://pic.appmiu.com';

const DEST = 'https://www.appmiu.com';

const $ = document.querySelectorAll.bind(document);

const checkAvailable = (callback) => {

let timeoutId;

const newNode = document.createElement('link');

newNode.rel = 'stylesheet';

newNode.text = 'text/css';

const onError = () => {

if (!timeoutId) {

return;

}

clearTimeout(timeoutId);

timeoutId = 0;

newNode.href = 'about:blank';

newNode.remove();

callback(false);

};

timeoutId = setTimeout(onError, 2000);

newNode.addEventListener('error', onError);

newNode.addEventListener('load', function () {

newNode.remove();

clearTimeout(timeoutId);

callback(true);

});

newNode.href =

SOURCE +

'/gh/PipecraftNet/jsdelivr-auto-fallback@main/empty.css?' +

Date.now();

document.head.insertAdjacentElement('afterbegin', newNode);

};

const replaceElementSrc = () => {

for (const element of $('link[rel="stylesheet"]')) {

if (element.href && element.href.includes(SOURCE)) {

element.href = element.href.replace(SOURCE, DEST);

}

for (const element of $('script')) {

if (element.src && element.src.includes(SOURCE)) {

const newNode = document.createElement('script');

newNode.src = element.src.replace(SOURCE, DEST);

element.defer = true;

element.src = '';

element.before(newNode);

element.remove();

}

for (const element of $('img')) {

if (element.src && element.src.includes(SOURCE)) {

const source = element.src;

// Used to cancel loading. Without this line it will remain pending status.

element.src = '';

element.src = source.replace(SOURCE, DEST);

}

};

checkAvailable(function (isAvailable) {

if (isAvailable) {

return;

}

console.warn(SOURCE + ' is not available.');

replaceElementSrc();

// Replace dynamically added elements

setInterval(replaceElementSrc, 500);

});

})(document);</script>

多说一句

这段代码原理：
由于一些原因，pic.appmiu.com 在一些地区无法访问。在网站里添加上 jsdelivr-auto-fallback 代码，可以自动检测 pic.appmiu.com 是否可用，如果不可用时，会自动把所有 js, css, image 的地址切换到其他可用的域名。

比如

gcore.jsdelivr.net
fastly.jsdelivr.net

但是：

相信过不了几天，另外两个也会被墙。所以，阿喵把图片又下载回了本地。然后按照github建了文件夹层级关系。最后上面这段代码。加到header.php的开头。就大功告成了

换成又拍云

2022年6月1日，我最终还是决定使用oss存储，以前不懂，感觉配置好难呀。昨晚试了下，又拍云，简直不要太简单。

配置又拍云

又拍云官网：戳我直达又拍云：upyun

这个先不细说

cdn.jsdelivr.net被墙，github图床替换解决方案

上传图片

把历史图片上传到又拍云oss 云存储

下载插件

WPUpYun(又拍云云存储插件)：WordPress同步附件内容远程至又拍云云存储中，实现网站数据与静态资源分离，提高网站加载速度

cdn.jsdelivr.net被墙，github图床替换解决方案

配置一下

修改数据库

切记：修改数据库前一定备份一遍

按照下图修改pic.appmiu.com为你的oss存储的域名。

cdn.jsdelivr.net被墙，github图床替换解决方案

刷新查看

本文链接：Click here to view the current URL

声明：本站为个人非盈利博客，资源均网络收集且免费分享无限制，无需登录。资源仅供测试学习，请于24小时内删除，任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集。请支持正版！如若侵犯了您的合法权益，可联系我们处理。

{{userData.name}}已认证

cdn.jsdelivr.net被墙，github图床替换解决方案

JsDeliver备案掉了，以后被墙的概率就大大增加了

Git图床替换