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

Question

当我在tumblr上分享链接时，它有时会抓住该页面的博客文章图片。例如，如果我分享如下内容：

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抓住图像？是否需要包含一些元标记？

搜索源代码此图像出现三次：

<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/

但是当我把它发布到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/

您的网站似乎设置了这些属性，当我将您网站的网址放在tumblr上时，我就明白这一点......