发布链接时的缩略图（如 Facebook 的）答案

【问题标题】：Thumbnail when posting links (like facebook's)发布链接时的缩略图（如 Facebook 的）
【发布时间】：2018-09-12 20:50:16
【问题描述】：

我想知道如何使用来自外部网站链接的预览图像创建缩略图（例如在 Facebook 或 WhatsApp 上发布链接时的预览图像）？

我尝试使用 CURL，但我遇到了跨域限制。

有没有人知道如何在没有跨域限制的情况下做到这一点？

（我在发布百货商店服装链接时尝试选择产品图片）

编辑：

我想要做的是：

当您发布链接时，Whatsapp 会获取图片

我没有得到跨域限制的 curl 代码，因为它来自另一个项目，但具有相同的概念。我在标签上添加了 javascript，因为 facebook 和 whatsapp 都会在客户端生成预览

【问题讨论】：

【解决方案1】：

这太容易问了。您需要使用开放图协议，如果我没记错的话，它实际上是由 Facebook 创建的。

为了预览您的任何文章，您必须将它们放在模板的头部。一旦在线并由您或任何其他用户共享，它将自动显示预览。

问候

【讨论】：

我认为你把事情搞反了。 OP 似乎在询问如何读取 OG 标签，以便他们可以做与 Facebook 相同的事情。
好吧，我可能没读好，但在将任何类型的内容从您的网站共享到任何不同的网站（或反之亦然；也称为“外部”）时，它仍然是我所知道的唯一方式) 是通过确保 X-website 有那些开放的图表，除此之外我没有看到任何其他方式，并且重新发明轮子通常被视为不好的做法。
再一次，你从错误的角度看待这个问题。 Open Graph 标签对于让 Facebook 正确显示预览是必要的。 OP 没有询问如何做到这一点 - 他们询问如何阅读 其他网站的打开图形标签以获取并在他们自己的网站上显示预览图像.
这就是 open grpah 的作用！您不需要做任何额外的事情来将相应的值从 external 网站显示到您的 自己的 网站，否则将外部网站的内容分享给您的网站导致共享您自己的内容（让我们这样说吧，因为它最终会读取您自己的开放图表）....但只要外部网站也有自己的内容，情况就不是这样了。
OP 正在寻找能够获取 example.com 的 Open Graph 标记的代码，以便它们可以显示数据。这需要 cURL 和 HTML 解析器（或正则表达式，但这并不理想）。