DEVELOPER FIRST CDN

前端资源 CDN

jsDelivr 国内镜像 · GitHub 加速 · NPM / PyPI 高速访问

专为大陆网络优化的公益加速服务，直接替换链接即可在国内高速稳定访问。

链接转换工具

将 GitHub、GitHub Raw、jsDelivr、CDNJS、unpkg、Google Fonts 链接转换为加速链接

1. Paste Original URL

多场景接入指南

复制即可使用，适用于前端、博客、Markdown、NPM/ PyPI 软件包等多种开发场景

NPM 资源引入

HTML / CDN

格式：cdn.envs.cn/npm/包名@版本/路径

GitHub 仓库文件

IMAGE / JS / CSS

格式：cdn.envs.cn/gh/用户/仓库@分支/路径

![Logo](https://cdn.envs.cn/gh/facebook/react@main/fixtures/dom/public/react-logo.svg)
                        

WordPress 静态资源

PLUGINS / THEMES

格式：cdn.envs.cn/wp/plugins/插件/tags/版本/路径

<link rel="stylesheet" href="https://cdn.envs.cn/wp/plugins/jetpack/tags/10.0/css/jetpack.css">
                        

PyPI 资源加速

PYTHON / WHEEL

格式：pip install -i https://cdn.envs.cn/pypi/simple

pip install -i https://cdn.envs.cn/pypi/simple django

快速上手教程

无需转换工具，您也可以通过简单的手动替换规则来快速获取加速链接：

Manual Replacement Rules

// GitHub 加速 (手动替换域名及增加 /gh/)
Original: raw.githubusercontent.com/user/repo/branch/file
Target:
                            https://
                            cdn.envs.cn/
                            gh/user/repo@branch/file
                        
// NPM 加速 (只需替换域名)
Original: cdn.jsdelivr.net/npm/package@version/file
Target: https://cdn.envs.cn/npm/package@version/file
// PyPI 镜像 (PIP 安装)
Original: pypi.org/simple
Target: pip install -i https://cdn.envs.cn/pypi/simple
// Google Fonts (支持字体 CSS 与字体文件)
Original: fonts.googleapis.com/css2?family=Inter
Target: https://fonts.envs.cn/css2?family=Inter
// unpkg / cdnjs / jsDelivr (通用替换域名)
Original: unpkg.com / cdnjs.cloudflare.com / cdn.jsdelivr.net
Target: https://cdn.envs.cn/unpkg/... 或 /cdnjs/... 或 /gh/...

SRI (Subresource Integrity) 建议

为了进一步增强您的网站安全性，我们强烈建议您为通过 JSDMirror 加载的 JS 和 CSS 文件添加 Subresource Integrity (SRI) 校验。SRI允许浏览器验证所获取的资源是否被篡改。

您可以使用在线工具（如 srihash）生成对应资源的哈希值。

例如，对于一个 JS 文件：

<script src="https://cdn.jsdmirror.com/npm/jquery@3.7.1/dist/jquery.min.js"
integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
crossorigin="anonymous"></script>
                        

例如，对于一个 CSS 文件：

<link rel="stylesheet" href="
https://cdn.jsdmirror.com/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg=="
crossorigin="anonymous">
                        

请注意：integrity 属性的值需要根据您实际资源的哈希值生成，而 crossorigin="anonymous" 属性是必需的。