Lovely Keqing!

📦 引用 GitHub 仓库文件#

你可以把 GitHub 当作你的免费图床、样式表托管站或脚本分发站。通过 jsDelivr，全球用户都可以高速访问你仓库里的文件。

🔹 通用 URL 格式#

https://cdn.jsdelivr.net/gh/用户名/仓库名@分支名/文件路径#

🔹 常见用法示例#

• 引用主分支代码： https://cdn.jsdelivr.net/gh/user/repo/main.js (注：如果不写 @分支名，默认指向 master/main，但建议带上分支名以保证稳定性)

• 引用特定版本（通过 Tag/Release）： https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js 这是生产环境的最佳实践，可以防止代码更新导致引用失效。

• 引用项目资源： 例如引用 Vite 模板图标： https://cdn.jsdelivr.net/gh/Nth2Miss/Vite-template@main/Vite/public/vite.svg

📂查看目录结构#

如果你不确定仓库中某个文件的具体路径，jsDelivr 提供了一个直观的文件浏览器界面。

• 操作方法： 在项目名或版本号后面加一个斜杠 / 即可。

• npm 示例： https://cdn.jsdelivr.net/npm/lodash/

• GitHub 示例： https://cdn.jsdelivr.net/gh/Nth2Miss/Vite-template@main/

💡 小贴士#

1. 自动压缩：在 .js 或 .css 文件名后增加 .min（如果原文件不存在 .min 版本），jsDelivr 会尝试为你自动压缩代码。

2. 缓存刷新：jsDelivr 的缓存较强，如果你更新了 GitHub 文件但 CDN 没变，可以尝试修改 @分支名 为具体的 @版本号。