前言
在小易的推荐下,得知通过jsDeliver+Github能托管网站的静态资源,白嫖免费的CDN,最重要的是jsDeliver在国内有相关节点,速度有保障。
简述
jsDeliver
jsDelivr是一个免费开源的CDN解决方案,用于帮助开发者和站长。
包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。
GitHub
GitHub是一个面向开源及私有软件项目的托管平台,因为只支持git作为唯一的版本库格式进行托管,故名GitHub。
准备
注册GitHub账号
安装Git程序
国内镜像:
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
经验
若使用不加@发布的版本号,在添加新文件之后,无需重新发布即可调用新添加资源,调用方法还是如上。
Comments | NOTHING