使用JSDelivr加速Github、博客文件
前言:当我们博客添加了本地视频或者大量图片等等,会导致加载时间过长,这里我们用JSDelivr对其进行加速,相当于免费的的CDN。
一、新建一个GitHub仓库
- 仓库名称随便
- 仓库属性Public,不然JSDelivr无法访问
- 初始化Readme
二、克隆创建仓库到本地
- 本地打开Git Bash Here克隆仓库到指定文件夹
git clone //复制的链接
在这里插入图片描述
三、上传需要加速的文件
把要加速的文件复制到克隆的文件夹里,注意:JSDelivr不能加速超过50M的文件,如果文件超过50M,可以分次上传,到时候在仓库设置版本号,加速不同的版本就行了。
- 复制下面四个命令,在本地克隆的文件夹下Git Bash Here输入:
git status //查看状态
git add . //添加所有文件到暂存区
git commit -m '第一次提交' //把文件提交到仓库
git push //推送至远程仓库
注:每次提交记得标明,比如第二次第三次,才能分辨,克隆的文件夹下含有.git文件夹,上传时会自动上传到创建的文件夹
四、创建版本
还是我们创建的仓库
版本便于我们区别就行,更新一次就更新一下版本。
五、JSDelivr加速并引用资源
使用方法:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
格式:https://cdn.jsdelivr.net/gh/user/repo@version/file
例如:
https://cdn.jsdelivr.net/gh/MUYIio/CDN@1.0/Images/avatars/csdn.ico
https://cdn.jsdelivr.net/gh/MUYIio/CDN@2.0.1/music/stayalive.mp3
注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源,除此之外还可以使用某个范围内的版本,查看所有资源等,具体使用方法如下:
// 加载任何Github发布、提交或分支
https://cdn.jsdelivr.net/gh/user/repo@version/file
// 加载 jQuery v3.2.1
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/
具体可以参考官方文档说明:
把博客中的文件替换成链接就行了
示例:
参考:免费CDN:jsDelivr+Github 使用方法
86936453.first_rank_v2_pc_rank_v29&utm_term=%E4%BD%BF%E7%94%A8jsdeliver%E5%BC%80%E5%90%AFcdn&spm=1018.2118.3001.4449)
使用JSDelivr加速Github、博客文件相关推荐
- Hexo+Github博客搭建之Matery主题个性化修改篇(一)
首先声明一下,一定要分清什么是站点配置文件,什么是主题文件,比如我在F盘新建我的博客文件夹,名称为blog,那么站点配置文件的路径为F:/blog/_config.yml,而你的主题配置文件路径为F: ...
- Hexo+Github: 博客网站搭建完全教程(看这篇就够了)
本篇教程首次发布在个人博客:sunhwee.com,想要获得最佳阅读体验,欢迎前往,建议用电脑查看教程文档. 文章目录 阅读须知 博客开源 前言 第一部分 搭建 Hexo搭建步骤 1. 安装Git 2 ...
- github博客自动同步到gitee(保姆级教程)
github博客自动同步到gitee(保姆级教程) 前言: 由于国内网访问github实在太慢!虽然在公司可以连接外网访问还算可以,但是回学校想看看博客或者分享给别人的时候经常会崩掉!于是我想可不可以 ...
- GitHub 博客-- Jekyll--代码高亮,Liquid 转义字符
此文首发于我的个人博客:GitHub 博客-- Jekyll–代码高亮,Liquid 转义字符 - zhang0peter的个人博客 转载请注明 在使用Jekyll搭建了自己的 GitHub博客后,想 ...
- 使用jsDelivr加速GitHub的静态资源
使用jsDelivr加速GitHub的静态资源 1.简单访问 不止github还有其他的,具体可以访问jsDelivr - 免费.快速和可靠的开源 CDN 具体格式如下: https://cdn.js ...
- 实现在CentOS7环境下搭建个人github博客
实现在CentOS7环境下搭建个人github博客 主机要求:必须是centos环境版本可以不一样,假如你用的是其他版本的linux系统,只不过是命令不太一样. Tips:这里提前说下,对于Ubunt ...
- Python实现自动推本地github博客到远程仓库
Python实现自动推本地github博客到远程仓库 以前的简单版本 通过python中的os模块操作系统命令 详情可参考:Python实现一行代码推本地git到远程仓库 升级版本 本次加入了监听文件 ...
- 转:20分钟教你使用hexo搭建github博客
注册Github账号 这里我们就不多讲了,小伙伴们可以点击这里,进入官网进行注册. 创建仓库 图片来自Github 登录账号后,在Github页面的右上方选择New repository进行仓库的创建 ...
- 利用Octopress搭建一个Github博客
小引 Octopress是利用Jekyll博客引擎开发的一个博客系统,生成的静态页面能够很好的在github page上展现.号称是hacker专属的一个博客系统(A blogging framewo ...
- github博客Hexo引流到微信
相信有不少小伙伴都在github上创建了属于自己的博客,其中用Hexo的Next主题应该不少,那么,我们究竟该如何将博客的流量引流到微信呢?今天就来带你看一看. 如何引流 现在网上有一种套路,当你在看 ...
最新文章
- 数组-删除排序数组中的重复项(双指针法)
- ICMP Internet控制报文协议(四)
- Android APK反编译详解(附图)(转)
- 【蓝桥杯真题】地宫取宝(搜索-记忆化搜索详解)
- linux 软件包管理设置,Linux速通08 网络原理及基础设置、软件包管理
- presentViewController和pushViewController
- 转码java,java转码
- 总结 | 那些里程碑意义的深度学习目标检测论文
- 计算机中文件访问时间是什么情况,【反计算机取证必看】Windows系统中文件时间属性的变化及影响因素.pdf...
- linux nginx php7,linux nginx配置php7
- 使用GDAL下载并转换SRTM的DEM数据(二)
- [转]最牛MSN签名
- 管理新语:一项工作如果一定要上,不要等准备好,立即上
- win10易升_win10性能模式是什么?怎么开启?
- 谢烟客---------Linux之SELinux的基本应用
- 专业查苹果测试软件,电池寿命检测软件苹果版-iphone查电池寿命appv2.1.5 iOS版-腾牛苹果网...
- 虚拟滚动实现(Vue)
- html微课制作软件,炫页网.多彩炫页工具-微课大赛指定HTML5课程制作工具
- 路由器的类型及衡量路由器性能的主要参数指标
- 关于《构建之法》第四章和第十七章的问题