Post preview for Twitter

[vrde]

I don't see any Twitter card metadata in the blog post HTML. I guess we have to install a plugin, but I don't find any in the Hexo Plugin page.

Ideas?

[TimDaub]

I found: https://www.npmjs.com/package/hexo-plugin-social

Additionally, any hexo .md file also supports full HTML. So if Twitter e.g. as an <embed tag, we could use that too.

[vrde]

Oh I want to do the opposite. When sharing a blog post on Twitter I'd like to see the card preview in the tweet.

[TimDaub]

Apparently my blog has some way to generate previews. I'm not sure what addon it is. We could try:

• "hexo-generator-index": "^1.0.0"
• "hexo-generator-seo-friendly-sitemap": "0.0.25"
• "hexo-tag-owl": "^1.2.2"
• "hexo-tag-twitter": "^1.0.1"

[TimDaub]

Hexo allows adding open graph protocol tags to templates using the open_graph function.

<%- open_graph({title: page.title, image: page.image}) %>

Can be added to the post template. The yml section on top of every .md post allows adding properties to the page object.

[TimDaub]

Using twitter_card: "summary_large_image", the following can be achieved: