Image in link preview (personal blog)

Flor · February 3, 2020, 12:46am

Hello!

I would like to remove or change the image that appears when I share a link to my blog. Is it possible?
The theme I am using is Tranquilpeak
I can't find anything that works

Thank you

system · February 24, 2020, 12:46am

This topic was automatically closed 21 days after the last reply. New replies are no longer allowed.

apreshill · March 12, 2020, 7:04am

Hi- from these lines:

github.com

kakawait/hugo-tranquilpeak-theme/blob/d306f0d7f67ca5880cb97530056c59216597cd51/layouts/partials/meta.html#L61-L74


{{ with .Params.thumbnailImage }}
  <meta property="og:image" content="{{ . | absURL }}">
  <meta property="twitter:image" content="{{ . | absURL }}">
{{ end }}
{{ with .Params.coverImage }}
  <meta property="og:image" content="{{ . | absURL }}">
  <meta property="twitter:image" content="{{ . | absURL }}">
{{ end }}
{{ with .Params.gallery }}
  {{ range . }}
    <meta property="og:image" content="{{ range first 1 (split . " ") }}{{ . | absURL }}{{ end }}">
    <meta property="twitter:image" content="{{ range first 1 (split . " ") }}{{ . | absURL }}{{ end }}">
  {{ end }}
{{ end }}

I see there are some site parameters in your config.toml file to control the image: https://github.com/kakawait/hugo-tranquilpeak-theme/blob/d306f0d7f67ca5880cb97530056c59216597cd51/exampleSite/config.toml#L138-L144

See also thumbnails: https://github.com/kakawait/hugo-tranquilpeak-theme/blob/d306f0d7f67ca5880cb97530056c59216597cd51/exampleSite/config.toml#L149-L158