Github+jsDelivr打造稳定快速、高效免费图床

jsDelivr 是 ProspectOne 开发的公共开源 CDN(Content Delivery Network),专注于性能,可靠性和安全性。每个人均可免费使用,没有带宽限制。jsDelivr 是唯一由中国政府签发并具有有效 ICP 许可证的公共 CDN,并且直接在中国大陆拥有数百个地点。

jsDelivr 有一个十分好用的功能,它可以加速 Github 仓库的文件访问,借助 jsDelivr 我们可以搭建一个稳定快速、高效免费的图床。

Github+jsDelivr打造稳定快速、高效免费图床

新建 Github 仓库

要实现一个 Github 图床,首先我们需要在 Github 创建一个仓库,用来存放我们的图片,假设新仓库名为 figure-bed。

create-a-new-repo

Clone 仓库到本地

复制图床仓库地址

clone-repo

执行 git clone,将 figure-bed 克隆到本地

1
$ git clone git@github.com:wylu/figure-bed.git

上传图片到仓库

复制需要上传的图片或其它资源,如 js、css等,现假设我们将三张图片放到 figure-bed 仓库的 blog 目录下,其目录结构如下:

1
2
3
4
5
6
7
8
9
$ tree figure-bed
figure-bed
├── blog
│   ├── 1.jpg
│   ├── 2.jpg
│   └── 3.png
└── README.md

1 directory, 4 files

执行以下命令,推送资源到远程库:

1
2
3
4
$ git status
$ git add *
$ git commit -m "initial commit"
$ git push

通过 jsDelivr 引用图片

在将图片推送到远程库后,我们就可以用 jsDelivr 引用仓库中的图片了。

push-asset

引用方法为:"https://cdn.jsdelivr.net/gh/Github用户名/仓库名/文件路径"

以上面的 figure-bed 为例,假如我们要引用名为 1.jpg 的图片,使用方法为:

https://cdn.jsdelivr.net/gh/wylu/figure-bed/blog/1.jpg

ref-asset

更多引用 Github 资源的写法请参考 jsdelivr GitHub

利用 PicGo 上传图片到图床

如果你不想手动地 commit 图片到图床,而是想通过简单的拖拽的方式就能实现图片的上传,那么 PicGo 工具是一个不错的选择。

PicGo使用文档

具体操作可参考 THRX 博客 Github+jsDelivr+PicGo 打造稳定快速、高效免费图床

References

https://github.com/jsdelivr/jsdelivr