avatar

目录
博客优化之使用jsDelivr

简言

我们博客已经基本搭建完成,后面就是想优化下博客给博客加下速度,使得用户访问更快。下面我们使用jsDelivr来给博客的图片先加下速。我们的图床是使用Github+Picgo的,所以这里融入jsDelivr来给图片加速。

Jsdelivr 网站是一个致力于为开发者提供数千种Javascript、CSS等超过1650多种 Libraries 加速的免费CDN服务,该平台是首个「打通中国大陆与海外的免费CDN服务」,网页开发者无须担心中国防火墙问题而影响使用。

jsDelivr 平台将服务重心放在更快速的网路连线,利用CDN技术来确保每个地区的使用者都能获得最好的连接速度。此外jsDelivr 可将不同的JavaScript 或CSS libraries 整合在一起,通过一段链结来载入网站,非常方便!如果你正在寻找类似服务,jsDelivr 是个不错的选择。

jsDelivr

官网GitHub的配置地址:https://www.jsdelivr.com/?docs=gh

复制得到:https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js
gh:代表GitHub(不用改)
jquery:改为你的GitHub用户名
jquery@3.2.1:改为GitHub仓库名或者仓库发布版本号
dist:改为该仓库下的文件夹(可没有,也可多级目录)
jquery.min.js:改为该文件夹下需加速的文件(可为图片、js文件等等)

https://cdn.jsdelivr.net/gh/LiuXiangYang-Git/Liuxiangyang-Git.github.io/cloudimg/img-2/1.jpg

Picgo配置

这里我们的Picgo已经配置好了,这个jsDelivr使用起来比较简单,直接使用它们的地址去配置,方法如下

我们只需要将设定自定义域名修改成此插件就好了,它的作用是,在图片上传后,PicGo会按照【自定义域名+上传的图片名】的方式生成访问链接,放到粘贴板上,因为我们要使用jsDelivr加速访问,所以复制上面写好的https://cdn.jsdelivr.net/gh/LiuXiangYang-Git/Liuxiangyang-Git.github.io/cloudimg也可以直接写

https://cdn.jsdelivr.net/gh/LiuXiangYang-Git/cloudimg。然后就可以使用了,这个时候你就会发现图片显示的很快了。

文章作者: 刘向洋
文章链接: https://liuxiangyang.space/2019/09/22/00006/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 LXY`S BLOG
打赏
  • 微信
    微信
  • 支付宝
    支付宝

评论
广告