使用jsDelivr+github自建静态资源CDN

使用jsDelivr+github自建静态资源CDN

发现用了几年的sm.ms没有以前好用了,白天加载图片速度巨慢,原因可能是sm.ms在大陆已经没有cdn节点了。故而选择折腾一个新图床来提高页面加载速度。

一阵搜寻发现jsDelivr还可以用来作图床并且在国内速度还很不错,于是搞了个jsDelivr的图床。

jsDelivr官网:https://www.jsdelivr.com/

新建github仓库

仓库名称随意,根据需求可以选择性添加描述和README.md
这里新建仓库名为:CDN

git clone仓库到本地

1
git clone <repo>

提交

现在就可以向本地仓库中加入需要做cdn的资源文件了。
然后提交到github仓库:

1
2
3
git add .
git commit -m 'info'
git push

jsDelivr支持单个文件最大20MB。
提交过慢可以参考我之前配置git代理的文章:git配置本地代理

releases

点击CDN仓库的raleases并创建新的版本。
生成releases的作用是给不同的版本代码以不同的资源版本,便于管理。
个人使用的话还是建议不要生成。

引用

引用特定版本资源:https://gcore.jsdelivr.net/gh/用户名/仓库名@版本号/文件路径
引用最新资源:https://gcore.jsdelivr.net/gh/用户名/仓库名/文件路径

tips

releases用于区分不同版本项目所用的静态资源文件,但并非必须。
不适用版本号将直接引用最新资源。
个人用途建议不用releases,直接引用即可。

反复测了几张图,比sm.ms真的是快多了
以后慢慢把在sm.ms上的图片搬过去。

测试

6.3MB

还有就是markdown的写作今天从Typora转向VScode了,Typora的bug真的是太多了。Typora不光优点明显缺点也很明显,不然怎么到了2020年了Typora还是测试版呢。

刷新缓存

jsdelivr不会自动刷新已经更新了的文件,需要手动访问URL刷新。

方法:将资源url中最前面的cdn替换为purge即可。

评论