如何让我的网站网址在社交应用程序(Discord、Twitter 等)中生成漂亮的嵌入式药丸?

2024-04-19

我发现,当我将某些网站的 URL 放入 Discord 或 Twitter 中时,应用程序会直接在流中显示该网站的漂亮嵌入式药丸。

例如,这是 Discord 中 github url 的嵌入式 Pill:

推特上的相同网址:

我怎样才能让我的网站也生成漂亮的嵌入式药丸?

我一直在尝试从打开图 https://ogp.me/但他们不为我工作。


我设法让它在 Discord 中工作,这就是我的<head>:

  <meta property="og:image" content="https://land.playcocola.com/playcocola_assets/Bottle_objects_black.png" />
  <meta property="og:image:alt" content="The easiest way to get videos of people playing your game." />
  <meta property="og:image:width" content="1053" />
  <meta property="og:image:height" content="984" />
  <meta property="og:site_name" content="Playcocola" />
  <meta property="og:type" content="object" />
  <meta property="og:title" content="Playcocola - The Playtesting Platform for the Indie Dev Community" />
  <meta property="og:url" content="https://land.playcocola.com" />
  <meta property="og:description" content="The easiest way to get videos of people playing your game." />

  <meta name="twitter:image:src" content="https://land.playcocola.com/playcocola_assets/Bottle_objects_black.png" />
  <meta name="twitter:site" content="@playcocola" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Playcocola - The Playtesting Platform for the Indie Dev Community" />
  <meta name="twitter:description" content="The easiest way to get videos of people playing your game." />
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何让我的网站网址在社交应用程序(Discord、Twitter 等)中生成漂亮的嵌入式药丸? 的相关文章

  • 将 html 标签存储在 xml 中

    我有一个带有各种 html 标签的 html 格式的字符串 我想将此字符串放入 xml 标记中 以便 html 标记保留 例如 public class XMLfunctions public final static Document X
  • 清理 AntiXSS v3 输出中的 html 编码文本(#decimal notation)

    我想在 XSS 安全的博客引擎中发表评论 尝试了很多不同的方法 但发现非常困难 当我显示评论时 我首先使用微软AntiXss 3 0 http www codeplex com AntiXSS对整个内容进行 html 编码 然后我尝试使用白
  • HTML 5

    尽管开放视频标准似乎处于某种危险之中 但它是一个好主意 我看到了一些关于运动跟踪的演示 只是概念验证 但仍然很有趣 现在 我想说像这样的概念really如果能够访问用户的网络摄像头 这将是一种收获 想象一下 双手举在半空中浏览 Flickr
  • 如果子级包含很长的单词,Flexbox 父级将扩展宽度

    我想知道是否有人可以帮助我解决这个问题 我似乎找不到其他人想要用 Flexbox 来做到这一点 我已经设置了一个基本的 Flexbox 场景 其中多个元素 li 出现在 Flexbox 容器 ul 中 我还对其进行了设置 以便在换行之前可容
  • BeautifulSoup 不抓取动态内容

    我遇到的问题是我想从此页面获取相关链接 http support apple com kb TS1538 http support apple com kb TS1538 如果我在 Chrome 或 Safari 中检查 Element 我
  • 拉伸图像以填充浏览器窗口的宽度

    我有一个图像 我希望宽度能够填满浏览器窗口 无论窗口大小如何 如何在 HTML 和 CSS 中执行此操作 您可以添加宽度和高度为100 的div 也可以设置图像宽度和高度为100 div img src https picsum photo
  • 显示“另存为”对话框并将文本区域内选定文本的内容保存到客户端 PC 上的文件中[重复]

    这个问题在这里已经有答案了 可能的重复 仅使用 Javascript 将文本区域内容下载为文件 无服务器端 https stackoverflow com questions 609530 download textarea content
  • CodeIgniter - 为什么使用 xss_clean

    如果我正在清理我的数据库插入 并且还转义我编写的 HTMLhtmlentities text ENT COMPAT UTF 8 是否还需要使用 xss clean 过滤输入 它还有什么其他好处 xss clean http docs gip
  • 响应式 img/srcset/sizes:不同的 jpg 质量取决于设备像素密度?

    我正在寻找一种响应式图像策略 允许根据设备像素密度提供不同的 jpg 质量 在高分辨率的小屏幕上 我会提供低质量但高分辨率的 jpg 在低像素密度的大屏幕上 我会提供高质量的 jpg 与设备分辨率完美匹配 问题 这是否有可能 img 背景
  • 当 document.body 长度超过 30,000 像素时,HTML2CANVAS 不会渲染它

    有办法解决这个问题吗 当 document body 高度超过 30 000 像素时 html2canvas 不会呈现 或者我可以只渲染当前视口吗 用户可以看到什么 请帮忙 为了能够仅渲染当前活动视口 您可以使用以下命令初始化 html2c
  • 标记对话(或采访)的最语义方式?

    我试图找出最语义化的方式来标记这样的东西 John blah blah Paul blah blah George blah blah Ringo blah blah or John blah blah Paul blah blah Geo
  • 使用 d3 在两个节点之间绘制多条边

    我一直在关注 Mike Bostock 的代码这个例子 http bl ocks org 1153292学习如何在 d3 中绘制有向图 并且想知道如何构建代码 以便可以在图中的两个节点之间添加多个边 例如 如果上例中的数据集定义为 var
  • 一旦我们点击取消按钮,文本字段就会隐藏

    我们正在使用 magento 多供应商网站 我们正在使用以下代码来更新和取消价格 但是一旦我们单击 取消 按钮 文本字段就会隐藏 PHTML span class label pro status span
  • TypeError:req.checkBody 不是包含 bodyparser 和expressvalidator 模块的函数

    我收到错误 req checkBody 不是一个函数 我认为我已经包含了express validator和body parser 这是我的代码 var express require express var bodyParser requ
  • 是否有CSS“:drop-hover”伪类?

    说我有一个input type file 场地 人们可以在上面放置一个文件input 就像在 Firefox 中一样 而不是单击 浏览 并选择文件 现在 我想对其进行一些自定义 方法是在将文件放入其中时更改字段的背景颜色input 我真的无
  • 使用 javascript 获取选择标签的名称

    我在任何地方都没有找到这个问题 所以我将其发布在这里 我有一堆选择标签 部分使用 VBScript 命名 我希望能够获取从 javascript 中的 onchange 事件调用的选择标签的名称 这是代码
  • jquery $('id').text 带粗体

    我有一个 jquery 可以更改链接的文本 如下所示 if urlfind gt 0 linkurl text More info 和 HTML a href a 我试图为此链接添加粗体 但添加 b More Info b 让它们在文本本身
  • 屏幕上的中心 div 已使用 css3 旋转和缩放

    我有以下 jsfiddle https jsfiddle net quacu0hv https jsfiddle net quacu0hv 我不知道如何使这个 div 居中 事实上 它是旋转的 因此很难将对象真正置于屏幕上的中心 纯CSS到
  • 如何暂时停止标题属性显示工具提示?

    我在右键单击时显示了一个弹出 div 我知道这会破坏预期的功能 但 Google 文档会这样做 所以为什么不呢 但是 我在弹出窗口上显示的元素有一个 标题 属性集 该属性集出现在我的分区 我仍然希望工具提示能够工作 但当弹出窗口出现时就不行
  • CSS 可见性动画不起作用

    我想在 CSS 可见性属性上制作基于关键帧的动画 我最初在 显示 上尝试过 但发现不支持 显示 上的动画 但支持 可见性 这个想法是让矩形的可见性不断切换 我不想使用 jquery 并且想在 CSS 中实现整个它 以下是我的代码 但它没有给

随机推荐