恰饭广告 感谢理解
恰饭广告 感谢理解
莆田潮牌鞋服
利用jsDeliver和GitHub为网站添加免费cdn内容分发,加速网页访问

利用jsDeliver和GitHub为网站添加免费cdn内容分发,加速网页访问

导论

GitHub可用于存储各种文件。通过在网页加载文件时引入存储在GitHub库中的文件,可以减轻服务器负担并提高网页加载速度。例如,音乐、视频、字体文件和网页文件都可以使用这种方法。然而,在国内,GitHub的加载速度非常慢。这时就需要使用JSDeliver将GitHub库的内容分发到各个地方,以加快速度。

我为什么要介绍这种方法呢?因为很多网盘外链并不是永久的。有可能开启防盗链后无法正常引用资源。而自己搭建的网盘则会生成动态链接或页面,导致无法引用资源。

注:JSDeliver不支持加载超过20M的资源,因此最好将某些视频压缩至20M以下。

教程开始

一、创建存储库

  1. 请访问https://github.com/你的ID?tab=repositories,并点击New按钮。
  2. 填写Repository name(存储库名称),这个接下来会用到。
  3. 请注意,下面的库必须选择公共库,因为JSDeliver使用的就是公共库。如果选择私人库,可能导致无法正常引用CDN

20240224113426179-image

20240224113430314-image

二、上传要缓存的文件

  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即可。

20240224113529509-image

20240224113535766-image

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

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

我刚才上传的图片文件名是1631154058228.png,存储在了根目录。我的GitHub用户名是qiyunbk,仓库名是cdn,tag是cdn,因此我访问的路径是:https://cdn.jsdelivr.net/gh/qiyunbk/cdn@cdn/1631154058228.png

在需要引用资源的位置插入以上代码,个人CDN即可搭建完成。

通过此方法,不仅可以存储图片,还可以存储其他静态资源,例如JavaScriptCSS字体等,然后通过JSDeliver进行访问。

© 版权声明
THE END
喜欢就支持一下吧
点赞30赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容