将任何 GitHub 存储库变成 CDN

使用 jsDeliver,一个可以让你将任何 GitHub 存储库变成 CDN 的服务,不仅如此 jsDelivr 还支持 NPM 和 WordPress。

一、使用方法

  1. 基本 URL 是https://cdn.jsdelivr.net/gh/{username}/{repo}/,其中替换{username}为 GitHub 用户名和{repo}项目的存储库名称。

  2. 将该 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>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值