前端有道 前端有道
导航
算法
开发
  • Git

    • Git导读
  • 收藏夹 (opens new window)
  • 工具库 (opens new window)
  • netlify Vuepress (opens new window)
  • vercel Vuepress (opens new window)
  • Vuepress2.0 (opens new window)
  • netlify Vuepress2.0 (opens new window)
留言区
娱乐
关于
  • 时间轴
  • 标签
  • 分类

星野

给岁月以文明
导航
算法
开发
  • Git

    • Git导读
  • 收藏夹 (opens new window)
  • 工具库 (opens new window)
  • netlify Vuepress (opens new window)
  • vercel Vuepress (opens new window)
  • Vuepress2.0 (opens new window)
  • netlify Vuepress2.0 (opens new window)
留言区
娱乐
关于
  • 时间轴
  • 标签
  • 分类
  • 浏览器

  • Git

  • Mac

  • VSCode

  • GitHub

    • 2022提高国内访问 Github 速度的 5 种方法!
    • GitHub+jsDelivr+PicGo打造免费图床
    • GitHub仓库下载慢几种解决办法
    • 使用GitHub自建免费小型图床
      • 条件限制
  • 工具
  • GitHub
星野
2021-1-28
0
目录

使用GitHub自建免费小型图床

# 使用GitHub自建免费小型图床

# 条件限制

GitHub 用来作小型图床完美的选择,但是随着文章图片越来越多,势必超过50M

程序包大小超出了配置的50 MB限制。 两种引用方式:

  • 存入仓库分支里面,直接引用
  • 创建版本号后,在引用

在这是不是很好奇,为什么引用要弄成这么麻烦。网上我看过类似教程,他们总是忽略一个关键的原因避而不谈,因为这点也原因差点坑了我。超过50M jsdelivr就无法访问。为了能免费撸羊毛,建议使用发布版本号方案,只要单次版本号的大小不超过50M即可,多次版本号就可以突破50M限制。

程序包大小超出了配置的50 MB限制。

很好奇为什么我会发现这个问题。我作了一个假设,如果仓库存放超多的图片的资源,且能够访问的话,那么这种教程,作为一种免费撸羊毛的手段在中国应该被大佬推荐,不至于到现在还不温不火。终其原因我尝试上传几张超大的图片,就被提示无法访问,分成两次版本号后(单次不超过50M)总大小超过50M却能正常访问。

1. 直接引用

格式为:

https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>/<文件及路径>

例:

GitHub

https://github.com/qqlcx5/figure-bed/blob/master/img/20200710230327.jpg

转成 jsdelivr

https://cdn.jsdelivr.net/gh/qqlcx5/figure-bed/img/20200710230327.jpg

总结:

github.com`替换成cdn.jsdelivr.net/gh

/blob/master 删除

版本号

版本号用@符链接。格式:

https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>@[版本号]/<文件及路径>

例:

GitHub

https://github.com/qqlcx5/figure-bed/blob/1.0/img/20200710230327.jpg

转成 jsdelivr

https://cdn.jsdelivr.net/gh/qqlcx5/figure-bed@1.0/img/20200710230327.jpg

总结:

github.com`替换成cdn.jsdelivr.net/gh

/blob/ 替换成 @ 
注:1.0 创建的版本号

已发布的版本不会受到仓库内容变化的影响 如何按版本号引用。链接相对稳定也是我特别推荐的原因。

上次更新: 2022/05/10, 10:40:17
GitHub仓库下载慢几种解决办法

← GitHub仓库下载慢几种解决办法

最近更新
01
图解Git
05-10
02
关于 - 网站错误反馈
05-10
03
关于 - 赞赏❤️的用途
05-10
更多文章>
加入前端有道交流群 | Copyright © 2018-2025 星野 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式