使用jsDelivr + Github搭建免费CDN
前言:国内加载Github的资源比较慢,需要使用CDN加速来优化网站打开速度,于是使用jsDelivr+Github搭建免费的CDN。
jsDelivr 是一个免费开源的 CDN 解决方案,用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。
我们来到其官网,可以看到它的介绍Open Source CDN free, fast, and reliable(免费、快速、可靠,不过据说可能会投毒广告,表示目前还没见过广告)
下图我们可以看到他似乎和npm,github,wordpress有某种xx关系。
大家了解一下就好,下面才开始教程!
# 1. 新建Github仓库
打开Github官网点new repository或点击这里直达新建仓库 (opens new window)
名字随便取,反正我是CDN (我已经开过一个,所以不能再开一个同名的)
# 2. 克隆Github仓库到本地
打开你新建的仓库,点Clone or Download,然后复制那个链接,也就是仓库的链接
接着在本地目录右键 Git Bash Here,执行以下命令:
git clone 刚才复制的仓库链接
(克隆完会在你克隆的地方多出一个与你仓库名相同的文件夹,将git bash进入那个文件夹)
(注:进入后git bash旁会出现蓝色的master)
# 3. 上传资源
复制需要上传的资源到本地与你仓库同名的文件夹中(我的是CDN)(据网上说jsDeliver可以上传100M的资源),在文件夹目录下右键 Git Bash Here,依次执行以下命令:
git status //查看状态(可省略)
git add --all //添加所有文件到暂存区
git commit -m '第一次提交' //把文件提交到仓库(单引号内为说明,可随便填)
git push //推送至远程仓库
2
3
4
5
看不懂就按顺序打一遍(如果出现失败就再来一遍,GitHub经常鬼畜)
# 4. 发布仓库
在仓库里面点击release发布
版本号随便填(但不能与发布过的版本重复)
其它也随便填
# 5. 引用资源
万事俱备了!
可以通过jsDelivr下载了!
使用方法:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
例如我的8.3.rar就是存放在CDN仓库的根目录下:https://cdn.jsdelivr.net/gh/mcmohen/CDN@1.0/8.3.rar
(注:我用户名为mcmohen;仓库为CDN;8.3.rar为1.0版本上传; 路径就是8.3.rar)
特别提醒:后缀名一定要加