前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >用jsDelivr做免费CDN

用jsDelivr做免费CDN

作者头像
月萌
发布2020-06-12 21:57:19
3.3K0
发布2020-06-12 21:57:19
举报
文章被收录于专栏:月萌月萌

了解原理

我们通过jsDelivr对github资源进行加速,然后在站点引用。

通过jsDelivr引用资源

使用方法: https://cdn.jsdelivr.net/gh/github用户名/仓库名@版本号/文件地址 比如: //比如这张图片 https://cdn.jsdelivr.net/gh/Zevs6/CDN/img/avatar.webp

注意:版本号是可选的,是为了区分文件新旧,没有的情况下将会直接引用最新版本资源,除此之外还可以使用某个范围内的版本,查看所有资源等,具体使用方法如下:

// 加载任何Github发布、提交或分支 https://cdn.jsdelivr.net/gh/user/repo@version/file // 加载 jQuery v3.2.1 //下面演示如果白嫖一个js文件 https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js // 使用版本范围而不是特定版本 https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js // 完全省略该版本以获取最新版本 https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js // 将“.min”添加到任何JS/CSS文件中以获取缩小版本,如果不存在,将为会自动生成 https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js // 在末尾添加 / 以获取资源目录列表 https://cdn.jsdelivr.net/gh/jquery/jquery

实际使用

比如某主题我要用该怎么配置呢?找到这个作者的github项目 https://cdn.jsdelivr.net/gh/作者的用户名/仓库名/静态资源目录 然后到设置中设置ok成了,白嫖成功

图片

貌似我们忘记了什么?图片吗?我的方法是普通上传后一定时间用工具直接推上github 后用工具(picgo)替换typecho的数据库,详细以后介绍了。

后言

这样其实也不错,在大陆的速度表现堪比cos

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-03-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 了解原理
  • 通过jsDelivr引用资源
  • 实际使用
  • 图片
  • 后言
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档