程序员必备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脚本,等所需要的的文件资源内容
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法