twitter圖像縮略圖鳴叫

Question

如何在Instagram中像Instagram一樣顯示圖像？ 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