时间戳

首页 > 解决方案 > 如何仅使用 Twitter ID 在简单的 HTML 页面中插入 Twitter 帖子

twitter - 如何仅使用 Twitter ID 在简单的 HTML 页面中插入 Twitter 帖子

问题描述

我只有 Twitter 帖子 ID。如何仅使用 Twitter ID 在简单的 html 页面中插入 Twitter 帖子。

（例如：Twitter 帖子 ID 是 495719809695621121）。

标签： twitter

解决方案

可以通过三个步骤来实现：

  • 集成官方小部件脚本以将 twits 嵌入到您的网页中
<head>
  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</head>
  • 从此模板构造所需 twit 的链接：https://twitter.com/i/status/{status-id}
  • 在页面正文中添加带有类和链接的<blockquote>标签。twitter-tweet<a href="{link-above}"></a>
<body>
  <blockquote class="twitter-tweet">
    <a href="https://twitter.com/i/status/495719809695621121"></a>
  </blockquote>
</body>

JSFiddle 示例：https ://jsfiddle.net/9uszkxe1/

推荐阅读