Получить изображение из репозитория Github с помощью GraphQL [Javascript]

Я хочу получить изображение из репозитория github и показать его на своем веб-сайте. Скажем, у меня в github-repo есть изображение под названием banner.png. Мне удалось получить содержимое файла README.md, который представляет собой обычный текст. Но изображения являются двоичными, поэтому я не знаю, как их получить (или просто url к этому изображению) для использования в теге img. Я искал, и у blob действительно есть commitUrl, но я не знаю, для чего он нужен. Я пытался использовать src вместо img, но это не сработало. Я даже пытался посетить этот url, но он просто дал 404 не найдено.


person Anish Silwal    schedule 12.11.2018    source источник


Ответы (1)


Если ваш репозиторий является общедоступным, вы можете использовать бесплатный хостинг, например 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.jpg https://cdn.jsdelivr.net/gh/bertrandmartel/websocket-java@master/instances/readme_images/clientSide.png https://cdn.jsdelivr.net/gh/bertrandmartel/fritzing-parts@master/metec-braille-line-20-cell/metec-braille-line-20-cell.svg

person Bertrand Martel    schedule 25.12.2018