本篇教程教大家如何使用Github搭建一个免费的cdn加速器,以放置你的静态资源并引用。

本次教程需提前备好Git环境,Github账号

一、新建Github仓库

登录你的GitHub,点击头像左边的加号,选择New repository,然后如下填写新建仓库

创建好后,进入该仓库,复制仓库链接

二、新建本地Git仓库

在自己电脑本地新建一个文件夹,用来跟Github传输文件用,然后在该目录下,鼠标右键选择Git Bush here,之后输入以下命令

git clone 刚复制的仓库链接

克隆完后,会新建一个跟你仓库名一样的文件,里面是你仓库中的文件(克隆完后,记得关闭Git命令窗口,不然下一步会报错)

三、上传资源

把需要上传的资源,拷贝到新建的以你仓库名命名的文件夹下(我这里就拿两张图演示吧),拷贝完后,在该目录下右键打开git bush here,然后输入命令

git status # 查看状态,会发现有显示你刚复制来的文件没有上传

之后按照以下命令,提交和推送

# 添加,注意:add后面有个空格,然后有个点
git add . 
# 提交至Github端,-m 后面的是备注,可随意
git commit -m 'the first deliver'
# 推送
git push

输入以上命令后,会要求你验证身份,即输入你github的用户名和密码

注意jsDeliver不支持加载超过20M的资源,如果最后需要使用cdn加速,资源就不要超过20M,但Github仓库没有限制,上传成功:

四、发布资源

进入自己github上的仓库,查看是否上传成功,并发布资源

点击新建发布

填写版本号,然后发布

五、引用资源

引用资源路径:

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

以上版本号可写可不写,不写则默认引用最新资源,写了就引用该版本的资源,以防后期修改资源还得修改,建议不写。

如以下代码,将引用我刚上传的一张图片:

https://cdn.jsdelivr.net/gh/changfeng98/cdn2/3.jpg

引用图片


一个90后