利用jsDelivr搭建免费CDN图床

利用jsDelivr搭建免费CDN图床

最近搭建好halo博客后,在主题更换壁纸后加载比较慢,最后发现首页图片接近5M,加载比较慢,就有了搭建CDN图床的想法,在网上找了一圈,发现诸多大佬推荐利用GitHub+jsDelivr+PicGo搭建免费图床,于是着手试了下,效果还不错,先上效果示意图。
jsdeliver.jpg
加载4.8M的图像用了836ms,还算是较为可观(毕竟是白嫖的)。

利用jsDelivr搭建免费CDN图床

感谢B站up主Mrhuanhao的视频指导:关于博客的最稳定的图床方案

1.建立github仓库

首先是建立仓库,我这里命名为CDN。

2.创建文件夹存放上传的图片

进入刚刚创建的仓库,点击右边的Create new file,进入如下界面,
注意:这里直接输入img,github创建的则是文件,这里直接输入 img/
然后就会转到下图,因为github不允许创建空文件夹,因此我们需要在新文件夹下创建一个文件,是什么随意,我直接来个init.txt,点击Commit new file结束这步。

3.生成Access token

点击github右上角的头像,按照下列步骤依次生成token,生成的token只显示一次,页面关闭后就看不了了,需要先将它复制下来。

4.配置PicGo,使用jsDelivr的CDN

下载PicGo软件,安装。下载路径:PicGo
打开PicGo进行配置,注意,/不要删除,仓库名就是你的github用户名加你的仓库名,分支就是master,Token换上刚才生成的,自定义域名改为https://cdn.jsdelivr.net/gh/用户名/仓库名

5.愉快地使用图床

点击上传图像,即可使用图床了,上传成功后可去相册查看,并且支持MarkDown、http、URL等多种输出格式。