Whenever I embedded GitHub repositories in blog posts, I used GitHub Repository Card. But it handled non-Latin text poorly and had issues with text overflowing without line breaks:
I initially planned to roll my own card generator using @vercel/og. Then I noticed that GitHub’s native OpenGraph preview cards already look clean, well-formatted, and informative. So I wrote a small proxy worker to extract and serve them for blog embeds.
How It Looks
Beyond repositories, GitHub also renders rich OpenGraph previews for issues, pull requests, discussions, and individual commits.
How to Use
Replace .com with .html.zone in any GitHub URL.
For example:
https://github.com/vercel/next.js => https://github.html.zone/vercel/next.js
Previews Across GitHub Entities
Repository
Issue
Pull Request
Discussion
Commit
Source Code
The code is open source on GitHub: