使用 JsDelivr作为CDN 加速服务
时间:2022-07-25
本文章向大家介绍使用 JsDelivr作为CDN 加速服务,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
什么是JSDelivr
jsdelivr
是一个免费的开源的快速的 cdn
, 官方地址
为什么使用 jsdelivr
对于个人用户而言,使用cdn
的场景的场景和需求并不多,图床,web
端的文件访问.这些功能当然也有很多cdn
的服务商提供服务,首先jsdelivr
的优势就是 免费, 速度对于个人用户来说是完全够用的,而且还是https
的资源,避免了我们在https
的站点上引用一些http
的资源时由于浏览器对于安全的问题而将资源屏蔽掉,从七牛云转过来就是因为七牛云的https
服务是收费的
如何使用
官方有三种使用方式,官方推荐的是第一种,本文使用的是第二种,也就是github
,做前端开发的朋友喜欢使用npm
也可以将包发布出去
首先创建一个Github
仓库
创建完成后去个人中心设置里,新建一个 token
权限只给一个 repo
即可,保存生成的token
,以后不能再显示出来了
使用 PicGo
配置Github
图床
按照图片进行配置
配置完成后上传一个图片进行测试,测试完成后即可正常使用
配合Typora
使用
前面几篇文章讲到过使用picgo + typora
, 这里展示下具体的效果
演示视频
var main = document.getElementById("main") console.log(main) var width = main.offsetWidth var ifm = document.getElementById("video") console.log(ifm) ifm.width = width ifm.height = 500
上传视频时遇到的问题
由于录制的是MP4
格式的视频,在上传到cdn
后发现只能播放音频,没有视频,原因是: MP4 AVC
格式的视频才能在网页上正常显示,使用转码工具转码就可以了
参考文章
- 灰色理论预测模型
- tweet情感分析流程
- Selenium2+python自动化52-unittest执行顺序
- 基于TensorFlow实现自编码器(附源码)
- Selenium2+python自动化53-unittest批量执行(discover)
- HTML/CSS/JavaScript学习笔记【持续更新】
- Selenium2+python自动化54-unittest生成测试报告(HTMLTestRunner)
- Selenium2+python自动化55-unittest之装饰器(@classmethod)
- 每天一个Linux命令(4)——mkdir
- 每天一个Linux命令(3)——pwd
- 11-移动端开发教程-zepto.js入门教程
- 【OpenCV学习笔记之一】图像加载,修改及保存
- 【干货】一种直观的方法认识梯度下降
- 漫谈Java IO之普通IO流与BIO服务器
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 3分钟短文 | PHP位运算和逻辑运算,一个符号写两遍这么简单?
- 打卡群刷题总结0721——搜索二维矩阵
- NumPy进阶80题完整版|附Notebook版本下载
- 【LeetCode每日一题】21. Merge Two Sorted Lists
- 计算广告笔记06-程序化交易广告
- TF入门05-实验过程管理
- [LeetCode]709. To Lower Case
- ISO C forbids comparison between pointer and integer [-fpermissive]
- 【疑难杂症】解决-TensorFlow “FutureWarning: Conversion of the”
- [Deep-Learning-with-Python] 文本序列中的深度学习
- TN-SCUI2020挑战赛详细讲解
- QSignalMapper使用以及替换方法
- 对于组件的可重用性,大佬给出来6个级别的见解,一起过目一下!
- 多个线程为了同个资源打起架来了,该如何让他们安分?
- 实战|记录一次渗透测试项目