首页 干货资源

📝 文章最后编辑于:2021 年 06 月 21 日


引言

更深月色半人家,北斗阑干南斗斜。 ——勿埋我心

  Jsdelivr我想很多人都知道,开发者们会用它来加速css、JavaScript之类的静态资源,当然也会有部分哥们用它来加速图像服务,但在这里建议适量使用,滥用不是一个好的思想。
  Statically也是一款为开发者免费提供的CDN加速服务,它与Jsdelivr一样有着深厚的资源支持,同时其支持的内容更加丰富一些。下面介绍一下。

支持各家Git服务

服务名请求格式
GitHubhttps://cdn.statically.io/gh/:user/:repo/:tag/:file
GitLabhttps://cdn.statically.io/gl/:user/:repo/:tag/:file
Bitbuckethttps://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
启动自动WebPhttps://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/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

结语

  截屏、文字头像、文字图片用的频率一般般,但前三者的使用却是无处不在,有效使用,提高你的开发效率吧。

  欢迎有疑惑在勿埋我心评论区留言。




文章评论

    北京艺术培训 访客FireFoxWindows
    2021-06-25 11:22   回复

    感谢分享 赞一个

目录