Display first image in post in link preview

[kaushalmodi]

@brunoamaral

that bit of code goes into the head of your single.html or a partial that is loaded in that section.

Note that Hugo ships with an internal opengraph template too. If you would like to use that, add below in the HTML head in your layout:

{{ template "_internal/opengraph.html" . }}

On similar notes, there’s twitter_cards.html internal template too.

---

Related:

Links for images, videos, audio in internal templates twitter_cards and opengraph

Hello, I was trying to use the internal twitter_cards.html template and it didn’t work for me for 2 reasons: I am using the images front-matter to set the twitter:image meta data. The page was a bundle, so the full path of the page was something like content/posts/my-post/index.md, and I decided to keep the images in the bundle directory (though, not using the Resources method to fetch those for the meta data, as I don’t need image processing). So the path of an image from site root was /p…