如何使用GitHub+jsDelivr搭建免费图床
侧边栏壁纸
  • 累计撰写 75 篇文章
  • 累计收到 21 条评论

如何使用GitHub+jsDelivr搭建免费图床

逍遥博客
2021-12-29 / 0 评论 / 2 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2023年09月22日,已超过248天没有更新,若内容或图片失效,请留言反馈。

正文目录:

  • 创建一个 github 仓库
  • 使用 jsDelivr 免费 CDN 加速图片访问速度
  • 创建 Token
  • 使用 PicGo 配置 github 图床

创建 github 仓库
1、登录你的 github 账号,创建一个新的仓库。
Test
2、然后填写仓库的资料,主要是仓库名,其他一般默认。
Test
3、点击 create repository 后,跳到这个页面,就说明创建成功了。
Test
可以先上传一张照片试试看
使用 jsDelivr 免费加速
Test
这个时候你会发现访问很慢,甚至不能访问,毕竟服务器在国外,所有就可以使用 jsDelivr 进行 CDN 加速。这是完全开源 免费 的。
使用方法,非常简单,即把图片地址链接域名改为 CDN 的域名。格式如下:

https://cdn.jsdelivr.net/gh/<你的github用户名>/<你的图床仓库名>@<仓库版本号>/图片的路径

还是以上边的 photo_2019-08-30_22-51-02.jpg 图片为例,仓库版本号直接用分支名,由于现在 github 主分支名字都叫 main 了,因此版本号写 main 。图片路径,是在仓库中的相对路径,因为我这里就在根目录,因此就是 photo_2019-08-30_22-51-02.jpg 。

最终地址为
https://cdn.jsdelivr.net/gh/xindada888/IMG@main/photo_2019-08-30_22-51-02.jpg
其他说明,可参考 jsDelivr 官网介绍 jsDelivr 官网

配置 typora 自动上传到 github 图床
接下来,如果需要在 typora 中设置自动上传到 gtihub 图床,还需要做一些配置。
一、首先,在 github 上创建一个 token。

1、点击右上角账号上的 settings
Test
2、然后左侧点击 developer settings ,再点击 personal access tokens ,然后点击 generate new token。
Test
Test
3、Note 用来说明你创建 token 的用途,然后 scopes 只需要选 repo 的所有选项即可。再选择令牌到期时间。
Test
4、最后拉到底部,点击 generate token ,即可成功。
Test
5、记录下 token,等会需要用到。(这个只显示一次,如果忘了就需要重新生成了)
Test
二、打开 PicGo 配置 github 图床
picGo下载地址
[蓝奏下载[Win 2.3.0]](https://xlaoyao.lanzout.com/iF6Xd02ky4wd)
在 PicGo 中,找到图床设置 -> GitHub图床。

  • 仓库名即为你的github账号/图片仓库名
  • 分支名就用默认的 main
  • Token 就是刚才生成的 Token
  • 存储路径如果需要指定子目录可以填写例如 img/ 。我这里没有填,就会上传到我图片仓库的根目录。
  • 自定义域名就填写 jsDelivr 的域名,即图片访问地址,不包括图片路径的前半部分,我这里就是 https://cdn.jsdelivr.net/gh/xindada888/IMG@main
  • 最后设为默认图床,下次在 typora 上传图片就会自动上传到 github 图床了。
    Test

至此 本教程就结束了 撒花✿❀❃❈✿✲

如何解决 GitHub图床更新后 jsdelivr CDN加速不更新

jsdelivr正常情况下需要等待24小时才能刷新缓存,那么如果想要立即更新的话可以通过以下方法来实现

原cdn地址是这样的https://cdn.jsdelivr.net/...

可以使用浏览器访问以下地址达到刷新cdn的效果https://purge.jsdelivr.net/...

0

评论 (0)

取消
Blog逍遥阁博客