将js托管到第三方,jsdelivr就是一个很不错的选择!免费的第三方cdn资源加速网站!

教程开始

首先需要一个github账号,登陆github,新建一个仓库

使用jsdelivr+Github加速文件

名字随便写,仓库一定要是Public,不能是private

然后新建完成之后,往仓库里面上传一点东西,银狐随便上传一张85kb的头像

上传完成之后,使用jsdelivr调用它!

如下图:

使用jsdelivr+Github加速文件

上面的图片便是我用jsdeliver+github的结果了,那么链接是怎么写的呢?

jsdeliver链接

我上面图片的网站是:https://cdn.jsdelivr.net/gh/yinhubiji/fox/21312.jpg

调用方法是直接引用的,链接格式:https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>/<文件及路径>

而我这个图片的链接就代表用户名yinhubiji下的fox仓库有21312这个图片

其实不止这一种方法调用,还可以使用分支和版本号

分支与版本号加到仓库后变,用 @符链接。

格式为:https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>@[分支/版本号]/<文件及路径>

分支名 简述 特点 
普通分支就是github的分支,可以创建多个,默认为master按照分支引用。如同按照分支开发一样
latest最后一次提交代表最后一次提交,就是每上传一个新文件,都可以使用这个分支引用到,在不加版本号的默认情况下面
版本号指定版本的内容,需要配合版本发布已经发布的版本不会受到仓库内容变化的影响

按照版本号引用教程

使用版本号引用的优点在于:这个链接仅停留在发布版本号的时刻,无论仓库如何变化,这个版本号的文件都不会受到影响。同时可以避免 jsdelivr 缓存问题。

我们新建一个releases,版本号写v1.0就可以了

使用jsdelivr+Github加速文件

注意:刚刚发布的版本中只有一个图片,那么即使我在上传一张图片也是无法引用到的。

外话

先说GitHub仓库

GitHub仓库大小是100GB,听起来酷吗?而且可以创建无数仓库!

但是我们不能把100GB都用完,甚至每个仓库都不能超过1G,为什么?

因为可能会被封禁账号。

官方解释是尽量不要传输大文件,仓库超过1G后会人工检查仓库的内容,发现当图床的话...很容易就被封号和删除仓库了。

所以为了安全起见,建议1G之前换仓库,反正可以创建无数个仓库。

Github单文件上传是100M,但是JSD加速最大的文件是50M。

基本图片、视频和静态文件都应该可以工作。

查看仓库文件

查看仓库文件有大小限制,因此当您的仓库文件大于50MB时,您不能通过JSD查看它们,您只能在GitHub仓库中查看它们。 

JSD有两种方式查看仓库文件:

查看仓库版本号 

格式:https://www.jsdelivr.com/package/gh/用户名/仓库名

例如:https://www.jsdelivr.com/package/gh/yinhubiji/fox

查看仓库文件 

格式 https://cdn.jsdelivr.net/gh/用户名/仓库名/仓库名 [@分支]

例如仓库名@master,默认为 master 分支 https://cdn.jsdelivr.net/gh/yinhubiji/yinhubiji.github.io@master/

其他问题

如果上传后无法立即访问文件,稍等一会儿,有时候jsdelivr不稳定,da'bu'kai很正常。