为何Bootstrap CDN(jsdelivr)无法访问?埃及用户求助
解决埃及地区无法访问jsdelivr加载Bootstrap资源的方案
一、替换为可访问的替代CDN源
- cdnjs CDN:替换原有jsdelivr链接为以下地址
CSS:<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
JS:<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script> - UNPKG CDN:如果cdnjs也有访问问题,可尝试这个源
CSS:<link href="https://unpkg.com/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
JS:<script src="https://unpkg.com/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
二、本地托管Bootstrap资源(避开Google Drive卡顿问题)
- 从Bootstrap官网下载对应版本的压缩包,解压后提取
bootstrap.min.css和bootstrap.bundle.min.js文件 - 将文件上传到你自己的网站服务器对应目录(比如
/css/和/js/文件夹) - 修改页面引用路径为本地地址,示例:
CSS:<link href="/css/bootstrap.min.css" rel="stylesheet">
JS:<script src="/js/bootstrap.bundle.min.js"></script>
三、用GitHub Pages托管静态资源
- 新建一个公开GitHub仓库,上传Bootstrap的CSS和JS文件
- 开启仓库的GitHub Pages功能(设置中找到Pages选项,选择分支部署)
- 获取文件的公开访问链接,替换页面中的CDN地址,GitHub Pages在埃及地区访问稳定性优于Google Drive
内容的提问来源于stack exchange,提问作者Emad Younan
相关产品推荐
相关产品推荐

