I would like an image used in my blog post to appear when I share the post on Twitter, or Facebook.
You will need to edit your template's <head>
section in the head.html template file. Add the following:
{{#entry}}
<meta property="og:title" content="{{title}}">
<meta property="og:description" content="{{summary}}">
{{#thumbnail.large}}
<meta property="og:image" content="{{{url}}}">
{{/thumbnail.large}}
<meta property="og:url" content="{{{absoluteURL}}}">
<meta name="twitter:card" content="summary_large_image">
{{/entry}}
Source: The Essential Meta Tags for Social Media on CSS-Tricks.
Answered 3 years ago · Improve this answerI would like to edit the content for {{#thumbnail.large}} and {{summary}}. Where is they being pulled from?
Answered 3 years ago · Improve this answerOn https://blot.im/questions/1718l they told me to add the following line to the metadata of the post, and it works!
Thumbnail: /path/To/Image.jpg
Answered 16 days ago ·
Improve this answer