利用jsDelivr搭建免费CDN图床

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

利用jsDelivr搭建免费CDN图床

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

1.建立github仓库

首先是建立仓库,我这里命名为CDN。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VlFfxGnb-1620124676144)(https://vinco.top/img/5-1.jpg)]

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

进入刚刚创建的仓库,点击右边的Create new file,进入如下界面,
注意:这里直接输入img,github创建的则是文件,这里直接输入 img/
然后就会转到下图,因为github不允许创建空文件夹,因此我们需要在新文件夹下创建一个文件,是什么随意,我直接来个init.txt,点击Commit new file结束这步。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rNGBFrY9-1620124676147)(https://vinco.top/img/5-2.jpg)]

3.生成Access token

点击github右上角的头像,按照下列步骤依次生成token,生成的token只显示一次,页面关闭后就看不了了,需要先将它复制下来。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kDIYC0u9-1620124676148)(https://i.loli.net/2020/05/26/ZlRsNY2VDLt85JS.jpg)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ie3wuthH-1620124676150)(https://i.loli.net/2020/05/26/tyKPESG58drfph1.jpg)]

4.配置PicGo,使用jsDelivr的CDN

下载PicGo软件,安装。下载路径:PicGo
打开PicGo进行配置,注意,/不要删除,仓库名就是你的github用户名加你的仓库名,分支就是master,Token换上刚才生成的,自定义域名改为https://cdn.jsdelivr.net/gh/用户名/仓库名
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RMopTsWL-1620124676151)(https://i.loli.net/2020/05/26/8UDJZF5S2whtybB.jpg)]

5.愉快地使用图床

点击上传图像,即可使用图床了,上传成功后可去相册查看,并且支持MarkDown、http、URL等多种输出格式。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dHdf53yY-1620124676152)(https://i.loli.net/2020/05/26/2YfLeFqRpgouHBT.jpg)]

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页