如何在帖子中使用带有文章缩略图的 Facebook api 在 Facebook 上分享文章？答案

【问题标题】：How to share articles on Facebook using Facebook api with article thumbnail in the post?如何在帖子中使用带有文章缩略图的 Facebook api 在 Facebook 上分享文章？
【发布时间】：2019-11-15 07:41:13
【问题描述】：

我有一个基于 React 节点的博客 (https://www.edvicer.com/blog)。我想像 Medium (https://medium.com/s/user-friendly/simple-is-bad-1381784fd679) 一样使用 Facebook api 在 Facebook 上分享文章，并在帖子中使用文章的缩略图。

我曾尝试使用 Facebook 分享对话框插件，但首先分享帖子的 UI 不像 Medium 中的帖子中包含全尺寸图片。其次，Facebook Share Dialog 插件从网站的元标记中获取图像。

为了对不同的文章使用不同的元标记，我尝试使用 react-meta-tags (https://www.npmjs.com/package/react-meta-tags)，但它在渲染 Facebook 调试器未检测到的页面后更改了元标记，我没有看到我在共享帖子中设置的标签。

【问题讨论】：

标签： javascript html node.js reactjs express

【解决方案1】：

据我所知，没有服务器端渲染就无法实现这一点。爬虫需要看到图像。尝试使用 facebook 调试器 https://developers.facebook.com/tools/debug/ 看看是否有帮助。

【讨论】：

谢谢。我分别从服务器为每个路由呈现了我的元标记。我完全按照这里写的内容：kapwing.com/blog/… 并且成功了。