用 jsDeliver+GitHub 创建个人CDN加速[免费教程]

温馨提示:本文最后更新于2023-12-25 22:51:06,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长

前言

GitHub 可以用来存放一些文件,在网页加载文件的时候引入你在 GitHub 库中所保存的文件,减少服务器的压力增加网页的加载速度,例如:音乐,视频,字体文件以及网页文件。但是 GitHub 在国内的加载速度特别慢,这个时候就需要 JSDeliver 把 GitHub 库中的内容分发到各个地方,以此来加快速度

为什么我要介绍这个方法呢,因为现在许多的网盘外链并不是永久的,有可能开了防盗链就无法正常引用资源了,自己搭建的网盘又是动态生成链接或者页面,这导致资源无法引用

注:JSDeliver不支持加载超过20M的资源,所以一些视频最好压缩到20M以下

教程开始

一、创建存储库

  1. 访问https://github.com/你的ID?tab=repositories,并点击New按钮
  2. 填写Repository name(容器名字),这个接下来要用到
  3. 记住下面的库一定要选择公共库,因为 JSDeliver 用到的就是公共库,如果选择私人会导致无法正常引用 cdn

用 jsDeliver+GitHub 创建个人CDN加速[免费教程]插图

用 jsDeliver+GitHub 创建个人CDN加速[免费教程]插图1

二、上传要缓存的文件

  1. 下面的代码不用管,点击 uploading an existing file
  2. 把你要上传的文件拖拽到方框内,或者点击choose your files上传你要存到GitHub的文件,我这里上传的是本站的ico图标
  3. 上传完以后一定要记得按commit changes
  4. 点击create a new release,然后tag填上版本号,写1.0什么的都可以,随便填也行,我个人写的cdn,再点击publish release即可

用 jsDeliver+GitHub 创建个人CDN加速[免费教程]插图2

用 jsDeliver+GitHub 创建个人CDN加速[免费教程]插图3

用 jsDeliver+GitHub 创建个人CDN加速[免费教程]插图4

用 jsDeliver+GitHub 创建个人CDN加速[免费教程]插图5

三、通过JSDeliver调用刚刚上传的资源

示例:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@tag名/文件路径

我刚才上传的图片文件名是1631154058228.png,存储在了根目录,我的GitHub用户名是qiyunbk,仓库名是cdn,tag是cdn,所以我访问的路径是:https://raw.bgithub.xyz/xiaohaiya/cdn/main/99762560_p0_master1200.jpg(点击查看)

在你需要引用的地方插入以上代码,一个个人的 cdn 就搭建好了

通过此方法不止可以存储图片,一些其他的静态资源例如jscss字体等都可以通过此方法存到GitHub然后通过JSDeliver访问的。

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

------关注微信公众号:胖大海TuT------
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容