使用jsDelivr+github自建静态资源CDN
一阵搜寻发现jsDelivr还可以用来作图床并且在国内速度还很不错,于是搞了个jsDelivr的图床。
jsDelivr官网:https://www.jsdelivr.com/
新建github仓库
仓库名称随意,根据需求可以选择性添加描述和README.md
这里新建仓库名为:CDN
git clone仓库到本地
1 | git clone <repo> |
提交
现在就可以向本地仓库中加入需要做cdn的资源文件了。
然后提交到github仓库:
1 | git add . |
jsDelivr支持单个文件最大20MB。
提交过慢可以参考我之前配置git代理的文章:git配置本地代理
releases
点击CDN仓库的raleases并创建新的版本。
生成releases的作用是给不同的版本代码以不同的资源版本,便于管理。
个人使用的话还是建议不要生成。
引用
引用特定版本资源:https://gcore.jsdelivr.net/gh/用户名/仓库名@版本号/文件路径
引用最新资源:https://gcore.jsdelivr.net/gh/用户名/仓库名/文件路径
tips
releases用于区分不同版本项目所用的静态资源文件,但并非必须。
不适用版本号将直接引用最新资源。
个人用途建议不用releases,直接引用即可。
加载任何Github发布、提交或分支
https://gcore.jsdelivr.net/gh/user/repo@version/file加载 jQuery v3.2.1
https://gcore.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js使用版本范围而不是特定版本
https://gcore.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js
https://gcore.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js完全省略该版本以获取最新版本
https://gcore.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js将“.min”添加到任何JS/CSS文件中以获取缩小版本,如果不存在,将为会自动生成
https://gcore.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js在末尾添加 / 以获取资源目录列表
https://gcore.jsdelivr.net/gh/jquery/jquery/
反复测了几张图,比sm.ms真的是快多了
以后慢慢把在sm.ms上的图片搬过去。
测试
还有就是markdown的写作今天从Typora转向VScode了,Typora的bug真的是太多了。Typora不光优点明显缺点也很明显,不然怎么到了2020年了Typora还是测试版呢。
刷新缓存
jsdelivr不会自动刷新已经更新了的文件,需要手动访问URL刷新。
方法:将资源url中最前面的cdn
替换为purge
即可。