实现自己的图床,加速 Markdown

由于某些原因,本文已经失效!

考虑到 jsDelivr 的 Acceptable Use Policy,纯图片仓库可能会被封禁,已经不推荐采用此方案。
请等待新的图床和公共 CDN 的文章。(挖坑)

Fly!

搭建博客的时候,图片加载源总是一个需要考虑的问题。和博客页面放一起的话不是加载速度慢就是消耗 CDN 流量,放在第三方图床又要担心图床跑路、防盗链等问题。此时,利用 GitHub 和 jsDelivr 实现属于自己的私人图床就是一个不错的选择了。

方案

jsDelivr 可以加载我们上传到 Github 的资源,而我们可以自己建一个仓库来存放我们的图片。这样形成的图床不仅稳定,还自带了 CDN 加速。

开搞

既然是图床了,那我们也要用上好的图床管理工具了,而不是还在使用 git 命令行了。
那么推荐的工具便是 PicGo - 图片上传、管理新体验

Github

  1. 注册账号(如果还没有的话)
  2. 创建一个图床专用的仓库
    当然和文件床混用一个仓库也行,但不要是会发布 Release 的仓库就行
  3. 生成一个 Token 用于 PicGo 操作你的仓库
    参考官方教程第三步

PicGo

  1. PicGo 处下载最新的 Release 并安装。
  2. 参考官方教程第四步设置好基本信息。
  3. 拼接自定义域名并设置,格式如下
1
2
https://cdn.jsdelivr.net/gh/{userename}/{reponame}@{branchname}
把{}换成你自己的就行

结果像这样:
结果
然后,开始使用吧!

题外话

用同样的方式也可以实现一个小文件 (<=20MiB) 分发的文件床,但对于文件床就只能用 Git 手动管理,没有 PicGo 这样方便的管理工具了。

参考资料

  1. Github+PicGo+jsdelivr 图床:Let your Markdown fly! - Jaywhenxiang - 博客园
    感谢 Jaywhen 制作的图片
  2. 配置手册 | PicGo
  3. Features - jsDelivr