Jump to content

How does Github do this?

Go to solution Solved by ChainsawBaby,

GitHub has an article about it, https://github.blog/2021-06-22-framework-building-open-graph-images/

 

Or go directly to one of the links in the article, where you can fork the code and make your own https://github.com/vercel/og-image

Do what? A website?

mY sYsTeM iS Not pErfoRmInG aS gOOd As I sAW oN yOuTuBe. WhA t IS a GoOd FaN CuRVe??!!? wHat aRe tEh GoOd OvERclok SeTTinGS FoR My CaRd??  HoW CaN I foRcE my GpU to uSe 1o0%? BuT WiLL i HaVE Bo0tllEnEcKs? RyZEN dOeS NoT peRfORm BetTer wItH HiGhER sPEED RaM!!dId i WiN teH SiLiCON LotTerrYyOu ShoUlD dEsHrOuD uR GPUmy SYstEm iS UNDerPerforMiNg iN WarzONEcan mY Pc Run WiNdOwS 11 ?woUld BaKInG MY GRaPHics card fIX it? MultimETeR TeSTiNG!! aMd'S GpU DrIvErS aRe as goOD aS NviDia's YOU SHoUlD oVERCloCk yOUR ramS To 5000C18! jellYfIn Client siDE TRanscoDinG

Link to post
Share on other sites

Metadata in the HTML using the Open Graph protocol

Something like this

<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="https://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="https://ia.media-imdb.com/images/rock.jpg" />

You'll need to have a generator of some sort for the image if you want it to have info like numbers like what GitHub has 

🙂

Link to post
Share on other sites

GitHub has an article about it, https://github.blog/2021-06-22-framework-building-open-graph-images/

 

Or go directly to one of the links in the article, where you can fork the code and make your own https://github.com/vercel/og-image

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×