用chatgpt手搓了一个Xiunobbs图片CDN替换功能

黄黄 7月前 650

111

搜了一下网上没有给xiunobbs配置CDN的内容。于是自己研究了一下,简单实现了想要的效果。

今日黄龙江一派的研究成果,分享给大家:

首先你要配置好cdn,比如腾讯云什么的,把网站图片镜像过去。得到cdn域名。比如我下面的x.fwq.org

然后在页面底部加上下面的JS代码。我是主题自带了加自定义代码的功能,后台加了。也有插件能加代码。

<script>
document.addEventListener('DOMContentLoaded', function () {

    var images = document.getElementsByTagName('img');
    for (var i = 0; i < images.length; i++) {
        var img = images[i];
        var src = img.getAttribute('src');

        if (src.startsWith('http://www.xiuno.org/') || src.startsWith('https://www.xiuno.org/')) {

            src = src.replace('//www.xiuno.org/', '//x.fwq.org/');
        } else if (!src.startsWith('http://') && !src.startsWith('https://')) {

            src = 'https://x.fwq.org/' + src;
        }
        img.setAttribute('src', src);
    }
});
</script>

加完后就是本站的效果。图片都走CDN了。但是和懒加载功能有冲突。

如果哪位大神做成插件,必定是造福广大的秀儿用户。

TAGS

最新回复 (0)
返回
发新帖