Twitter social preview

[srid]

https://socialsharepreview.com/?url=https://nixos.asia/en/direnv =>

[srid]

And what's going on here with the broken image render:

[shivaraj-bh]

og:image does work even on twitter, according to the developer guidelines, they do fallback to og:image if there are no tags that twitter supports. You can see that in action here: https://socialsharepreview.com/?url=https://docusaurus.io/docs/blog

And since we already support og:image meta tag after this PR, we should see the image render, i.e if we have a regular URL on the page.

Regarding the broken image render above, it might be because there is a meta tag with empty content.

Maybe we could have a default image set in index.yaml as a fallback for every page.

[srid]

Ah, so basically we need to address this FIXME then:

https://github.com/srid/emanote/pull/297/files#diff-08d291239412fde72df0c777f60d24bd5a0f802a1a8dde42e80e40499af7fabcR277-R278

That's why the image in https://nixos.asia/en/tutorial/nixos-install is not showing up.

[srid]

Preview is super bad. The 'description' itself is messed up. I will take a look.

[srid]

#499 addresses this, but you still have to explicitly specify the image URL in page.image YAML property.