jsDeliver+Github托管整站静态资源,实现免费CDN

发布于 2020-05-03  131 次阅读


前言

在小易的推荐下,得知通过jsDeliver+Github能托管网站的静态资源,白嫖免费的CDN,最重要的是jsDeliver在国内有相关节点,速度有保障。

简述

jsDeliver

jsDelivr是一个免费开源的CDN解决方案,用于帮助开发者和站长。

包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。

GitHub

GitHub是一个面向开源及私有软件项目的托管平台,因为只支持git作为唯一的版本库格式进行托管,故名GitHub。

准备

注册GitHub账号

https://github.com/join

安装Git程序

https://git-scm.com/downloads

国内镜像:

https://npm.taobao.org/mirrors/git-for-windows(淘宝镜像)

https://gitee.com/mirrors (码云镜像)

下载站:https://pc.qq.com/detail/13/detail_22693.html(腾讯软件)

操作

1. 新建github仓库并clone至本地

$ git clone 你的仓库链接 #本地克隆github仓库

2. 将需要的静态资源放到本地git仓库中,并提交到github仓库

$ git add . #添加到库中

$ git commit -m "update" #提交更新(update为自定义信息说明)

$ git push #推送到远程仓库

3. 在GitHub仓库中点击release发布(版本号可以自定义)

这里就不上图了,节省流量,以前一直没发布过,当时还找了一下,如果实在没看到,Ctrl+F5了解一下。

4. 通过jsDeliver引用资源

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

#栗子:

$ https://cdn.jsdelivr.net/gh/Fofade/cnblogsThemes@1.0/live2dw/assets/z16.model.json #加载1.0版本

#注意如果不加@发布的版本号默认加载最新版本

#栗子:

$ https://cdn.jsdelivr.net/gh/Fofade/cnblogsThemes/live2dw/assets/z16.model.json #加载最新版本

测试

https://cdn.jsdelivr.net/gh/wbfz89/YKCMS/css/bootstrap.min.css #测试时间:2020年5月4号 0:13

经验

若使用不加@发布的版本号,在添加新文件之后,无需重新发布即可调用新添加资源,调用方法还是如上。

参考

《利用jsDeliver+github实现免费CDN》


这短短的一生,我们最终都会失去。