问HipChat URL图像预览
EN

Stack Overflow用户

提问于 2016-03-28 06:07:42

回答 1查看 533关注 0票数 3

Atlassian产品HipChat具有内置网站的内联预览功能。然而，像Gyazo这样的ScreenShot分享网站能够改变给HipChat的图像。

例如，URL是这样的: gyazo.com/slqrFasd但是，它们将以下内容传递给HipChat: i.gyazo.com/slqrFasd.png

我正在尝试对我自己的网站做同样的事情，并将实际的图像传递给他们的内联预览。我怎么才能做到这一点呢？

html

screenshot

回答 1

Stack Overflow用户

发布于 2018-05-07 22:52:24

我相信HipChat利用了与Facebook、Twitter和其他平台类似的meta领域。如果它没有找到元字段，它将拉入页面源代码中可用的第一个<img...标记。

仅从下面的https://moz.com/blog/meta-data-templates-123中提取与图像相关的标记，但为了获得最佳的代码片段创建，您应该包含特定平台的附加字段。

<!-- Update your html tag to include the itemscope and itemtype attributes. -->
<html itemscope itemtype="http://schema.org/Article">

<!-- Schema.org markup for Google+ -->
<meta itemprop="image" content="http://www.example.com/image.jpg">

<!-- Twitter Card data -->
<!-- Twitter summary card with large image must be at least 280x150px -->
<meta name="twitter:image:src" content="http://www.example.com/image.jpg">

<!-- Open Graph data -->
<meta property="og:image" content="http://example.com/image.jpg" />

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36253253

复制

相似问题

问HipChat URL图像预览
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HipChat URL图像预览EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HipChat URL图像预览
EN