推文中的推特图片缩略图

Question

如何像Instagram一样在Twitter上显示图片呢？什么是Twitter试图在页面中找到的元标记显示为图像缩略图？比如提供twitpic或instagram链接。

就像这个例子

Answer 1

我使用http://embed.ly/

您可以使用该服务创建所有图像服务的正则表达式，找到这些链接，将它们传递给Embed.ly并获取图像缩略图。

您可以为最常见的服务编写一组简单的正则表达式，这是我使用的服务。

'#youtube\.com\/watch\?v=([_-\d\w]+)#i' => 'http://i.ytimg.com/vi/%s/1.jpg',
'#youtu\.be\/([_-\d\w]+)#i'             => 'http://i.ytimg.com/vi/%s/1.jpg',
'#qik\.ly\/([_-\d\w]+)#i'                       => 'http://qik.ly/%s.jpg',
'#twitpic\.com\/([\d\w]+)#i'            => 'http://twitpic.com/show/thumb/%s',
'#twitgoo\.com\/([\d\w]+)#i'            => 'http://twitgoo.com/show/thumb/%s',
'#hellotxt\.com\/i\/([\d\w]+)#i'        => 'http://hellotxt.com/image/%s.s.jpg',
'#ts1\.in\/(\d+)#i'                         => 'http://ts1.in/mini/%s',
'#moby\.to\/\?([\w\d]+)#i'                      => 'http://moby.to/%s:square',
'#mobypicture\.com\/\?([\w\d]+)#i'          => 'http://mobypicture.com/?%s:square',
'#twic\.li\/photo\/([\w]+)#i'           => 'http://twic.li/userimg/thumb_%s.jpg',
'#tweetphoto\.com\/(\d+)#'                      => 'http://api.plixi.com/api/tpapi.svc/imagefromurl?url=http://tweetp$
'#plixi\.com\/p\/(\d+)#'            => 'http://api.plixi.com/api/tpapi.svc/imagefromurl?url=http://plixi.$
'#phz\.in\/([\d\w]+)#'              => 'http://api.phreadz.com/thumb/%s?t=code',
'#imgur\.com\/([\w]{5})[\s\.ls][\.\w]*#i' => 'http://imgur.com/%ss.png',
'#imgur\.com\/gallery\/([\w]+)#i'           => 'http://imgur.com/%ss.png',
'#brizzly\.com\/pic\/([\w]+)#i'             => 'http://pics.brizzly.com/thumb_sm_%s.jpg',
'#img\.ly\/([\w\d]+)#i'             => 'http://img.ly/show/thumb/%s',
'#picplz\.com\/([\d\w\.]+)#'            => 'http://picplz.com/%s/thumb',
'#pk\.gd\/([\d\w]+)#i'              => 'http://img.pikchur.com/pic_%s_s.jpg',
'#pikchur\.com\/([\d\w]+)#i'            => 'http://img.pikchur.com/pic_%s_s.jpg',
'#znl\.me\/([\d\w]+)#'              => 'http://www.zannel.com/webservices/content/%s/Image-164x123-JPG.jp$
'#yfrog\.com\/([\d\w]+)#'                       => 'http://yfrog.com/%s:small',
'#instagr\.am\/p\/([_-\d\w]+)#i'        => 'http://instagr.am/p/%s/media/?size=t',
'#instagram\.com\/p\/([_-\d\w]+)#i'         => 'http://instagr.am/p/%s/media/?size=t',
'#twitrpix.com/([\d\w]+)#i'                 => 'http://img.twitrpix.com/thumb/%s',

Answer 2

您可以将twitter cards用于此

<meta name="twitter:card" content="photo" />
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Mountain sunset" />
<meta name="twitter:image" content="http://farm8.staticflickr.com/7334/11858349453_e3f18e5881_z.jpg" />
<meta name="twitter:url" content="https://www.flickr.com/photos/reza-sina/11858349453/" />

您可以在twitter card validator

上测试您的卡片

如果您发现任何robote.text问题，可以按照twitter documentation

进行操作