运作方式如下。
- 基本URL为
https://cdn.jsdelivr.net/gh/{username}/{repo}/
,您{username}
可以在其中替换为GitHub用户名和{repo}
项目的存储库名称。 - 将该URL附加到要在项目中访问的文件的路径。例如,对于我的Atomic XHR插件,JavaScript文件位于
/dist
目录中。你会用这个。html <script src="https://cdn.jsdelivr.net/gh/cferdinandi/atomic/dist/atomic.js"></script>
您还可以通过添加@{version-number}
到存储库名称来利用语义版本控制。您可以根据需要定位主要,次要和补丁程序版本。
<!-- Always get the latest version -->
<!-- Not recommended for production sites! -->
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/atomic/dist/atomic.js"></script>
<!-- Get minor updates and patch fixes within a major version -->
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/atomic@4/dist/atomic.js"></script>
<!-- Get patch fixes within a minor version -->
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/atomic@4.0/dist/atomic.js"></script>
<!-- Get a specific version -->
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/atomic@4.0.0/dist/atomic.js"></script>
Example:我的图床库引用,可以引用该库下一切资源,不过对于性能来说,最好只引用js、css、img类文件,其他类型或大文件引用则没有意义,加速有限。
https://cdn.jsdelivr.net/gh/AmbroseRen/Picture@master/
启发文章地址:https://gomakethings.com/how-to-turn-any-github-repo-into-a-cdn/