美文网首页
结合GitHub使用jsdelivr挂载js文件

结合GitHub使用jsdelivr挂载js文件

作者: 4c8fd9ddcb74 | 来源:发表于2020-11-11 14:49 被阅读0次

在H5开发中,我们会经常会挂载第三方的js文件,以达到自身某些需求,如果当自己也有这需求,希望把自己的js文件托管到第三方中以便于自己可以直接通过url挂载相应的js文件。
以下使用jsdelivr.net这个著名的CDN服务提供商,加速前端静态资源访问速度。

  1. 首先需要在GitHub上创建一个仓库,用于存放这些js文件 往仓库中提交文件
  2. 进入这个GitHub,我们使用release功能发布一个版本(非必须,但是还是按照标准流程来) 发布release版本 发布新的版本 填写发布的版本号,然后发布即可
  3. 打开需要挂载的js文件,查看浏览器的url 可以观察到以js文件结尾的链接
  4. 修改修改github链接为支持jsdelivr的cdn链接
    把 cdn.jsdelivr.net/gh 替换掉 github.com
    把 @ 替换掉 blob/v
格式为 cdn.jsdelivr.net/gh(gh就是GitHub缩写)+ GitHub用户名+仓库名@版本号(非必须)+目录+文件
https://github.com/GitHub用户名/仓库名/blob/v1.0.7/jssdk.js
https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名@1.0.7/jssdk.js
直接在浏览器上测试是否可以正常打开

相关文章

网友评论

      本文标题:结合GitHub使用jsdelivr挂载js文件

      本文链接:https://www.haomeiwen.com/subject/wivebktx.html