使用GraphQL[Javascript]从Github repo获取图像



我想从github存储库中获取图像,并将其显示在我的网站中。比方说,我的github-repo中有一个名为banner.png的图像。我已经成功地获得了README.md文件的内容,它是一个纯文本。但是图像是二进制的,所以我不知道如何在img标签中使用它们(或者只是该图像的url(。我已经搜索过了,blob确实有一个commitUrl,但我不知道那是干什么的。我试过将其用作imgsrc,但不起作用。我甚至尝试过访问那个url,但它只是提供了一个找不到的404

如果您的回购是公共的,您可以使用免费的托管解决方案,例如https://www.jsdelivr.com它可以从Github提供文件(https://www.jsdelivr.com/features#gh)内容类型正确。您只需要根据以下内容构建url:

https://cdn.jsdelivr.net/gh/<user>/<repo>@<branch>/path/to/file.png

举几个例子:

https://cdn.jsdelivr.net/gh/bertrandmartel/newhaven-oled-dk51@master/img/newhaven-dk51.jpghttps://cdn.jsdelivr.net/gh/bertrandmartel/websocket-java@master/exampletes/readme_images/clientSide.pnghttps://cdn.jsdelivr.net/gh/bertrandmartel/fritzing-parts@master/metec-braille-line-20细胞/metec-braille-line 20细胞.svg

最新更新