github - 使用 GraphQL [Javascript] 从 Github 存储库获取图像

Question

我想从 github 存储库获取图像并将其显示在我的网站上。比如说，我的 github-repo 中有一张名为 banner.png 的图片。我已成功获取 README.md 文件的内容，该文件是纯文本。但是图像是二进制的，因此我不知道如何让它们(或者只是该图像的 url )在 img 标签中使用。我搜索过，blob 确实有一个 commitUrl，但我不知道它的用途。我试过将 src 用作 img 但它不起作用。我什至尝试访问那个 url 但它只是给出 404 not found。

Answer 1

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

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.jpg https://cdn.jsdelivr.net/gh/bertrandmartel/websocket-java@master/exemples/readme_images/clientSide.png https://cdn.jsdelivr.net/gh/bertrandmartel/fritzing-parts@master/metec-braille-line-20-cell/metec-braille-line-20-cell.svg