文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

教你如何使用Github+JsDelivr搭建免费图床

2024-12-14 04:37

关注

正文

本文内容包括:

创建 github 仓库这里就跳过怎么注册 github 账号的步骤了,做技术的都晓得。

登录你的 github 账号,创建一个新的仓库。

 

然后填写仓库的资料,主要是仓库名,其他一般默认。

 

点击 create repository 后,跳到这个页面,就说明创建成功了。

 

然后可以上传一张图片试一下。不过,有可能你会遇到在 github 上看到的图片是裂开的情况。

只需要在电脑的 hosts 文件中添加以下代码即可。windows 下的 hosts文件 目录在 C:\Windows\System32\drivers\etc 。(注意要以管理员权限打开) mac 下为 /etc/hosts。

  1. # GitHub Start 
  2. 52.74.223.119 github.com 
  3. 192.30.253.119 gist.github.com 
  4. 54.169.195.247 api.github.com 
  5. 185.199.111.153 assets-cdn.github.com 
  6. 151.101.76.133 raw.githubusercontent.com 
  7. 151.101.108.133 user-images.githubusercontent.com 
  8. 151.101.76.133 gist.githubusercontent.com 
  9. 151.101.76.133 cloud.githubusercontent.com 
  10. 151.101.76.133 camo.githubusercontent.com 
  11. 151.101.76.133 avatars0.githubusercontent.com 
  12. 151.101.76.133 avatars1.githubusercontent.com 
  13. 151.101.76.133 avatars2.githubusercontent.com 
  14. 151.101.76.133 avatars3.githubusercontent.com 
  15. 151.101.76.133 avatars4.githubusercontent.com 
  16. 151.101.76.133 avatars5.githubusercontent.com 
  17. 151.101.76.133 avatars6.githubusercontent.com 
  18. 151.101.76.133 avatars7.githubusercontent.com 
  19. 151.101.76.133 avatars8.githubusercontent.com 

然后回到你的图片仓库,刷新一下页面即可正常显示图片。

使用 jsDelivr 免费加速

其实,此时已经可以正常访问你仓库中的图片了。我这里以我创建好的仓库 myImages 为例。

 

要想访问仓库中的这个 test.png 图片,需要把链接地址中的 blob 改为 raw。即 https://github.com/starry-skys/myImages/raw/main/test.png 。或者在地址后拼接一段 ?raw=true,即 https://github.com/starry-skys/myImages/blob/main/test.png?raw=true 。

但是,我们发现,通过 github 直接访问图片,速度不是特别理想,毕竟服务器在国外。

因此,我们可以使用 jsDelivr 进行 CDN 加速。这是完全开源免费的。

使用方法,非常简单,即把图片地址链接域名改为 CDN 的域名。格式如下:

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

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

最终地址为 https://cdn.jsdelivr.net/gh/starry-skys/myImages@main/test.png。

其他说明,可参考 jsDelivr 官网介绍,jsDelivr 官网

配置 typora 自动上传到 github 图床

接下来,如果需要在 typora 中设置自动上传到 gtihub 图床,还需要做一些配置。

一、首先,在 github 上创建一个 token。

点击右上角账号上的 settings

 

然后左侧点击 developer settings ,再点击 personal access tokens ,然后点击 generate new token。

 

Note 用来说明你创建 token 的用途,然后 scopes 只需要选 repo 的所有选项即可。

 

最后拉到底部,点击 generate token ,即可成功。

 

找个地方记下这一串 token,等会需要用到。(如果没有记住,等再查看时就只能重新生成了)

 

二、打开 PicGo 配置 github 图床

在 PicGo 中,找到图床设置 -> GitHub图床。

 

 

至此,所有步骤就已经完成了,赶紧去尝试一下吧。

本文转载自微信公众号「烟雨星空」,可以通过以下二维码关注。转载本文请联系烟雨星空公众号。

 

来源: 烟雨星空内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯