程序员必备CDN加速jsDelivr+Gihub远程仓库

时间:2022-07-23
本文章向大家介绍程序员必备CDN加速jsDelivr+Gihub远程仓库,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

CDN

内容分发网络(英语:Content Delivery Network或Content Distribution Network,缩写:CDN)是指一种透过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快、更可靠地将音乐、图片、影片、应用程序及其他文件发送给用户,来提供高性能、可扩展性及低成本的网络内容传递给用户。

jsDelivr

jsDelivr 是国外的一家优秀的公共 CDN 服务提供商,也是首个「打通中国大陆(网宿公司运营)与海外的免费 CDN 服务」。jsDelivr 有一个十分好用的功能——可以加速 Github 仓库的文件。我们可以借此搭建一个免费、全球访问速度超快的图床。

jsDelivr + Github 便是免费且好用的 CDN,非常适合博客网站使用

搭建步骤:

1、创建Github仓库

仓库名称自定义,复制仓库地址

2、连接仓库,拉去仓库内容

本地新建一个文件夹,文件夹名称自定义,然后进入文件夹,右键打开Git Bsah Here,输入一下命令

git init
git remote add origin 你新建仓库的HTTP或者SSH地址链接
git pull origin master #将仓库拉取到本地文件夹

3、放入文件内容,推送文件

把需要上传的文件放进刚刚常见的目录,可以是多层目录,然后在Git上执行

git add .    #(.表示所有的)
git commit -m '添加文件内容描述' 
git push origin master   #将本地仓库文件推送到GitHub新建的仓库

注:jsDelivr 不支持加载超过 20M 的资源

4、发布版本号(可选)

点击仓库的 release,进行版本的发布。

5、获取资源

通过 jsdelivr 引用资源

使用方法:https://cdn.jsdelivr.net/gh/ 你的用户名 / 你的仓库名 @发布的版本号 / 文件路径

6、后续

如果以后在向 cdn 库里添加或者修改文件,首先把文件添加到本地仓库,然后依次在本地 cdn 仓库文件位置执行以下命令:

git pull origin master  #拉取远程仓库到本地
git add .
git commit -m '描述内容'
git push origin master  # 推送到GitHub仓库

然后用上面的链接,就能获取图片,css样式,js脚本,等所需要的的文件资源内容