jsDelivr和Github配合才是最佳免费CDN，五分钟学会使用，附搭建免费图床教程

清疚 2023-10-08 22:56 38阅读 0赞

### ![c70c1630361b4d3f8243358691d7fb23.png][]jsDelivr介绍 ###

jsDelivr是一个提供数千种Javascript、CSS等超过1650多种 Libraries 加速的免费CDN服务，支持给Github、WordPress、NPM免费提供CDN加速。而且国内也有 CDN 节点，速度非常快。

![ae8267d4c8ee62d90334635d306141d4.png][]

**jsDelivr官方：**https://www.jsdelivr.com/

### Github介绍 ###

Github目前最好用的免费开源项目托管站点，众多开源项目都托管在Github，目前Github已被微软收购了。

**Github官方：**https://github.com/

### 利用 jsDelivr + Github 给你的github上的文件免费加速 ###

1.注册 Github 账号

2.新建Github仓库，Repository name：输入仓库名称，然后点击「Create repository」开始创建。

![a44887cbd3c241370466b43ddc48c297.png][]

3.点击「Upload files」上传你要CDN的文件，如CSS、JS、图片等……

![f16d12f1f958edbd4f05bbfcb62eeb4f.png][]

4.发布仓库，点击「release」发布，输入自定义发布版本号。

![6c832c167e058c2a87c668328657ec36.png][]

5.使用 jsDelivr 来引用资源

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

例如：https://cdn.jsdelivr.net/gh/woshileifeng1/wordpresscdn@1.0/aplayer.min.js

如果不需要版本号区分，也可以直接：

https://cdn.jsdelivr.net/gh/woshileifeng1/wordpresscdn/aplayer.min.js

6.接下来把CDN好的CSS和JS等文件地址，都替换到你主题里面去。

7.可以在你主题的头部文件加入 <link rel=’dns-prefetch’ href=’//cdn.jsdelivr.net’ /> 预读DNS，加快解析

### GitHub+jsDelivr+PicGo搭建免费图床 ###

1.新建立一个github仓库，专门存放上传的图片。

2.生成Access token

![3d0daf79ce50a55c28b2d98f6723ef79.png][]

![60a1f7cdbe649901593ffd999b081c4f.png][]

3.下载PicGo软件：https://github.com/Molunerfinn/picgo/releases

4.填入刚才在Github创建的信息，指定存储文件夹的路径，PicGo上传文件的时候，将自动在github仓库中创建此文件夹。

自定义域名：https://cdn.jsdelivr.net/gh/用户名/图床仓库名

![73f32eee77180ef99c46356c9f26108c.png][]

5.可以开始上传图片啦，在上传图片之后自动会将图片链接复制到你的剪贴板里。

![77ad2f6bff42a3e61997aa16308ee084.png][]

### 总结 ###

虽然这种免费CDN折腾起来有点麻烦，不过毕竟免费，还可以作为图床用能节省你的主机流量，加上jsDelivr 和 Github 都是大厂还是比较放心的

[c70c1630361b4d3f8243358691d7fb23.png]: https://img-blog.csdnimg.cn/c70c1630361b4d3f8243358691d7fb23.png
[ae8267d4c8ee62d90334635d306141d4.png]: https://img-blog.csdnimg.cn/img_convert/ae8267d4c8ee62d90334635d306141d4.png
[a44887cbd3c241370466b43ddc48c297.png]: https://img-blog.csdnimg.cn/img_convert/a44887cbd3c241370466b43ddc48c297.png
[f16d12f1f958edbd4f05bbfcb62eeb4f.png]: https://img-blog.csdnimg.cn/img_convert/f16d12f1f958edbd4f05bbfcb62eeb4f.png
[6c832c167e058c2a87c668328657ec36.png]: https://img-blog.csdnimg.cn/img_convert/6c832c167e058c2a87c668328657ec36.png
[3d0daf79ce50a55c28b2d98f6723ef79.png]: https://img-blog.csdnimg.cn/img_convert/3d0daf79ce50a55c28b2d98f6723ef79.png
[60a1f7cdbe649901593ffd999b081c4f.png]: https://img-blog.csdnimg.cn/img_convert/60a1f7cdbe649901593ffd999b081c4f.png
[73f32eee77180ef99c46356c9f26108c.png]: https://img-blog.csdnimg.cn/img_convert/73f32eee77180ef99c46356c9f26108c.png
[77ad2f6bff42a3e61997aa16308ee084.png]: https://img-blog.csdnimg.cn/img_convert/77ad2f6bff42a3e61997aa16308ee084.png