DEV Community

Cover image for GitHub Repository Card for html web site in svg/png format πŸš€
Sh Raj
Sh Raj

Posted on

GitHub Repository Card for html web site in svg/png format πŸš€

Website :- https://gh-card.dev/

Create Repo Card Like

Image description

Get direct CDN

Syntax :- https://gh-card.dev/repos/{user}/{repo}.svg
Syntax :- https://gh-card.dev/repos/{user}/{repo}.png

Example :-


https://gh-card.dev/repos/sh20raj/sopplayer.svg

Image description


https://gh-card.dev/repos/sh20raj/sopplayer.png

Image description


Bonus :- Embed User all GitHub Repos

Use Website :- https://sh20raj.github.io/GitHub-Cards/

Syntax :- https://github-cards.sh20raj.repl.co/embed.html?user={username}

Example :- https://github-cards.sh20raj.repl.co/embed.html?user=sopinstagram

Image description


How to Embed

Use iframe to embed all repos on your website like this

<iframe src="https://github-cards.sh20raj.repl.co/embed.html?user=sopinstagram" frameborder="0" width="100%" height="1000px"></iframe>
Enter fullscreen mode Exit fullscreen mode

Full Article :- Embed GitHub User's All Repos on Website πŸš€


Bonus :- Embed Repo on dev.to (Markdown)

{% github https://github.com/SopInstagram/SopInstagram.github.io %}

Enter fullscreen mode Exit fullscreen mode

GitHub logo SopInstagram / SopInstagram.github.io

Visit Here :- https://github.com/SopInstagram/






Top comments (0)