使用 jsDeliver,一个可以让你将任何 GitHub 存储库变成 CDN 的服务,不仅如此 jsDelivr 还支持 NPM 和 WordPress。
一、使用方法
-
基本 URL 是
https://cdn.jsdelivr.net/gh/{username}/{repo}/
,其中替换{username}
为 GitHub 用户名和{repo}
项目的存储库名称。 -
将该 URL 附加到您要在项目中访问的文件的路径。
例如,我想把我github上的这个文件:
https://github.com/1506085843/fillDiff/blob/main/src/main/resources/css/diff2html.min.css
引入我的 HTML 文件,那么我可以使用 jsDeliver 得到 cdn 地址:
https://cdn.jsdelivr.net/gh/1506085843/fillDiff@master/src/main/resources/css/diff2html.min.css
然后就可以在HTML中通过cdn地址加载了:
<!DOCTYPE html> <html lang="en-us"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/1506085843/fillDiff@master/src/main/resources/css/diff2html.min.css" /> </head> <body> <div>hello</div> </body> </html>
二、其他说明
@{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>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/80235.html