使用Github托管js和css文件

发表于

Github本身托管的js和css文件是不能直接被调用的，这个页面对这个问题有所说明。
幸好有一些第三方服务来解决这个问题。
网络上搜索一下，名气最大的是 http://rawgit.com/ ， 但是rawgit在2018年10月停止了服务。
rawgit推荐的替代服务有jsDelivr、GitHub Pages、CodeSandbox、unpkg 。
这篇文章以jsDelivr为例，介绍如何使用jsDelivr。

Release Github Repo

首先将需要使用的js或者css文件上传到一个github中，然后Release对应的Repo。
记住对应的版本号，在后面使用jsDelivr的时候会需要。

jsDelivr

打开jsDeliver官网，可以看到使用方式：

1
2
3
4
5
// load any GitHub release or commit

// note: we recommend using npm for projects that support it

https://cdn.jsdelivr.net/gh/user/repo@version/file

示例：

在浏览器中打开 https://cdn.jsdelivr.net/gh/sparkydogX/pictures@0.1/2018/corevalue/style/index.css 可以看到对应的css文件，此时这个连接已经可以直接用在网页里面了

相关文章