gpt4 book ai didi

html - HipChat URL 图片预览

转载 作者:太空宇宙 更新时间:2023-11-04 13:08:53 25 4
gpt4 key购买 nike

Atlassian 产品 HipChat 有一个内置网站的内联预览。但是,Gyazo 等 ScreenShot 共享网站能够更改提供给 HipChat 的图像。

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

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

最佳答案

我相信 HipChat 利用与 Facebook、Twitter 和其他平台类似的元字段。如果它没有找到元字段,它将拉入第一个 <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" />

关于html - HipChat URL 图片预览,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36253253/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com