将js托管到第三方,jsdelivr就是一个很不错的选择!免费的第三方cdn资源加速网站!
教程开始
首先需要一个github账号,登陆github,新建一个仓库
名字随便写,仓库一定要是Public,不能是private
然后新建完成之后,往仓库里面上传一点东西,银狐随便上传一张85kb的头像
上传完成之后,使用jsdelivr调用它!
如下图:
上面的图片便是我用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就可以了
注意:刚刚发布的版本中只有一个图片,那么即使我在上传一张图片也是无法引用到的。
外话
先说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很正常。