Jsdelivr我想很多人都知道,开发者们会用它来加速css、JavaScript之类的静态资源,当然也会有部分哥们用它来加速图像服务,但在这里建议适量使用,滥用不是一个好的思想。
Statically也是一款为开发者免费提供的CDN加速服务,它与Jsdelivr一样有着深厚的资源支持,同时其支持的内容更加丰富一些。下面介绍一下。
支持各家Git服务
服务名请求格式GitHub https://cdn.statically.io/gh/:user/:repo/:tag/:file
GitLab https://cdn.statically.io/gl/:user/:repo/:tag/:file
Bitbucket https://cdn.statically.io/bb/:user/:repo/:tag/:file
举个例子:https://cdn.statically.io/gh/qiantigers/Markdown2HTML/main/README.md
勿埋我心试着访问了一下,速度也颇为可观。
加速图像显示
选项请求格式无修改打开 https://cdn.statically.io/img/:domain/:image
限制width打开 https://cdn.statically.io/img/:domain/w=:pixel/:image
限制height打开 https://cdn.statically.io/img/:domain/h=:pixel/:image
启动自动WebP https://cdn.statically.io/img/:domain/f=auto/:image
调整图像质量 https://cdn.statically.io/img/:domain/q=:percentage/:image
注:如果需要将选项整合到一起,用逗号隔开即可,比如:https://cdn.statically.io/img/:domain/w=:pixel,h=:pixel/:image
具体怎么实现加速呢?举个例子,用SMMS图床演示一下:https://cdn.statically.io/img/i.loli.net/2021/06/21/vshUdLDPHzxRZnS.jpg
加速WordPress
这个跟勿埋我心的关系不大,因为博主用的是Typecho,不过也为使用WordPress的哥们介绍一下。
加速类型请求格式核心代码加速 https://cdn.statically.io/wp/c/:version/:file
插件加速 https://cdn.statically.io/wp/p/:plugin/:version/:file
主题加速 https://cdn.statically.io/wp/t/:theme/:version/:file
因为我不用这个,所以就不举例子了,可以自己多琢磨琢磨。
截屏整个网页
进入某个网站,对该网站页面整个截屏,实现的就是这样的一个功能。
选项请求格式直接截屏 https://cdn.statically.io/screenshot/:url
返回移动设备视角 https://cdn.statically.io/screenshot/device=mobile/:url
整个截屏 https://cdn.statically.io/screenshot/full=true/:url
注:如果需要将选项整合到一起,用逗号隔开即可。
举个例子:https://cdn.statically.io/screenshot/google.com
生成文本头像
选项请求格式默认生成(默认是方形) https://cdn.statically.io/avatar/:text
设置尺寸 https://cdn.statically.io/avatar/s=:pixel/:text
设置形状(圆形:circle,椭圆:rounded) https://cdn.statically.io/avatar/shape=circle/:text
看看样例:
https://cdn.statically.io/avatar/qiantigers
https://cdn.statically.io/avatar/s=480/qiantigers
https://cdn.statically.io/avatar/shape=circle/qiantigers
生成文字图片
选项请求格式默认生成 https://cdn.statically.io/og/:text.jpg
设置暗黑背景(默认明亮背景) https://cdn.statically.io/og/theme=dark/:text.jpg
设置尺寸 https://cdn.statically.io/og/fontsize=:numeric/:text.jpg
生成png格式图像(默认是jpg) https://cdn.statically.io/og/:text.png
举个例子:https://cdn.statically.io/og/Qiantigers%20:%20www.qian.blue.jpg
结语
截屏、文字头像、文字图片用的频率一般般,但前三者的使用却是无处不在,有效使用,提高你的开发效率吧。