一、前言

CDN的关键技术主要有内容存储分发技术
放在Github的资源在国内加载速度比较慢,因此需要使用CDN加速来优化网站打开速度,jsDelivr + Github便是免费且好用的CDN,非常适合博客网站使用。

二、内容存储

1.新建Github\cdn-1仓库

命名为cdn(随便命名),公开访问权限

2.获取仓库地址

仓库地址:https://github.com/kokarinn/CDN-1.git

3.克隆仓库到本地

在本地目录右键 Git Bash Here,执行以下命令:

git clone +  个人仓库地址

4.本地上传资源到仓库

1.现本地有tu素材复制到刚刚的cdn-1文件夹下

2.在本地git仓库目录下右键 Git Bash Here,执行以下命令

git status //查看状态
git add . //添加所有文件到暂存区
git commit -m '第一次提交' //把文件提交到仓库
git push //推送至远程仓库

也可以用Git Gui上传,上传成功后在浏览器可查看https://github.com/kokarinn/cdn

5. 发布资源

1.点击release自定义发布的版本号

2.自定义版本号

三、jsDelivr引用

原理:将github上的资源转为快速访问网址
eg:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径

https://cdn.jsdelivr.net/gh/kokarinn/cdn@1.1.1/manifest/gallary/0jz1km.png

详细使用方法见官网:https://www.jsdelivr.com/


无论今后遇到什么事情,请不要后悔与我相遇