How to add an background image to the link of Github Pages?

Question

I uploaded my code to a repository in Github and use Github Pages to show my website on the Internet. But when I copy the link and paste it to somewhere like a messenger on Facebook, it doesn't show an image inside. How can I do that?

Here is my pic. How can I add an image inside this link?

score 0 · Answer 1 · answered Feb 28 '21 at 05:59

0

You need to add relevant meta tags for preview images for your pages.

<link rel="image_src" href="image url" />

Check this https://andrejgajdos.com/how-to-create-a-link-preview/

answered Feb 28 '21 at 05:59

Beshambher Chaukhwan

1,418
2
9
13

score 0 · Accepted Answer · answered Feb 28 '21 at 06:00

0

You need to include this in the head of the HTML code,

<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg">

You can know more about this here

answered Feb 28 '21 at 06:00

Nikhil Singh

1,486
1
13
24

Let me know if you have any issue! – Nikhil Singh Feb 28 '21 at 06:03
I did it. Thank you! – thinh6699 Feb 28 '21 at 06:29
I am glad, it worked! Just to make sure it’s equally beneficial for other community members too, cloud you please mark it as correct answer? – Nikhil Singh Feb 28 '21 at 07:31

How to add an background image to the link of Github Pages?

2 Answers2