tumblr 如何在发布 link 时获取页面缩略图？

Question

当我在 tumblr 上分享 link 时，它有时会抓取页面的博客 post 图片。例如，如果我分享如下内容：

http://www.smartpassiveincome.com/income-reports/my-may-2016-monthly-income-report/

它会抓取这张图片作为它的缩略图：

http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg

如何让tumblr抓图？您需要包含一些元标记吗？

搜索源码出现3次此图：

<meta property="og:image" content="http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg"/>

<meta name="twitter:image" content="http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg"/>

<header style="background-image: url('http://cdn.smartpassiveincome.com/wp-content/uploads/2016/03/Income-Reports-legacy-posts.jpg')">

有谁知道它使用的是哪一个，可以解释一下选择如何抓取图像的过程是什么？

原页面为：http://www.patchesoft.com/learning-linux-how-to-find-what-version-of-linux-youre-running-command-uname-and-lsb_release/

但是当我 post 它进入 Tumblr 时，它没有抓取特色图片。

Answer 1

这些元属性应该让您的图像显示在 tumblr 上

<meta property="og:image" content="http://example.com/ogp.jpg" /> <!-- Required -->
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />

要了解更多信息，请前往 http://ogp.me/

您的网站似乎设置了这些属性，当我将您网站的 url 放到 tumblr 上时我得到了这个...

tumblr 如何在发布 link 时获取页面缩略图？

How does tumblr get the page thumbnail image when posting a link?

tumblr