基于jsDelivr + Github免费的CDN

文章目录[x]
  1. 1:安装git
  2. 2:正式开始部署
  3. 3:上传资源
  4. 4:发布资源
  5. 5:最后就是通过jsDelivr引用资源

小生最开始接触博客的时候,就是用的hexo+github搭建,并且将源码存放在github上的。但是github上的代码毕竟是存储在国外的,国内访问毕竟有点慢,这个时候就需要对博客的资源进行加速优化,而github+jsdeliver无疑是一种很好的方式。即使你在其他第三方博客系统上优化资源时也是很方便的。

部署条件

本文有参考 《免费CDN:jsDelivr + Github》--by TRHX'S Blog

  • 一个github账号(对于github账号我在这里不多说~ )--没有的话可以到官网注册。
  • 我需要说一下的是github默认账户是不能建立私人库的,想要使用用私人库除了收费就是学生认证了。(当然部署本次不需要私人库)。
  • 再一个就是要安装git和git环境了(当然这里我主要说windoes系统了,因为macOS、Linux都是支持Linux指令的。)

安装git

这个你如果之前部署过github+hexo或者安装过git客户端的话可以忽略此步。

官网下载地址:https://git-scm.com/downloads

安装成功后点击鼠标右键会有如下显示(因为右键截屏小生不是太会玩,这张图用的是别人的。)

然后选择git bush,会出现下列界面

正式开始部署

首先登录自己账户建立github仓库,然后新建一个仓库。

给自己的仓库起名称,建议直接CDN就可以了

起完名称之后,直接点击创建即可。

然后复制你的github仓库地址

在本地创建文件夹

然后在空白位置右击鼠标,选择git bush,在窗口中输入

 

git clone 你的仓库地址

 

出现下图表示成功

然后在文件夹中放入你需要上传到github库的资源

上传资源

复制需要上传的资源到本地git仓库(注:jsDelivr不支持加载超过20M的资源),在本地git仓库目录下右键 Git Bash Here,执行以下命令:

git status   #查看状态

git  add .  #添加所有文件到暂存区

git commit -a -m '第一次提交'   #注意这里是单引号--单引号里面是提示信息,这一步不要省略

git push  #上传到github仓库

 

 

这里需要注意的是:

如果你输入git status命令报如下错误fatal: not a git repository (or any of the parent directories): .git  则表示没有git目录,这时候你需要输入

git init

进行初始化就可以了,初始化之后继续执行命令就可以了。正常是一切顺利的,但如果遇到其他问题记得百度呢~

 

发布资源

 

 

最后就是通过jsDelivr引用资源

 

使用方法:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径

例如:https://cdn.jsdelivr.net/gh/SGYZ0910/CDN@1.0.9/images/sgyz.jpg

https://cdn.jsdelivr.net/gh/SGYZ0910/CDN@1.0.8/js/snow.js

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

点赞

发表评论

昵称和uid可以选填一个,填邮箱必填(留言回复后将会发邮件给你)
tips:输入uid可以快速获得你的昵称和头像

Title - Artist
0:00