尝试将 Twitter 提要嵌入到 html 网站，但只显示链接答案

【问题标题】：Trying to embed Twitter feed to html website but only link is showing up尝试将 Twitter 提要嵌入到 html 网站，但只显示链接
【发布时间】：2020-11-20 02:47:30
【问题描述】：

我知道有类似的问题，但我没有找到任何合适的答案；我正在尝试使用由https://publish.twitter.com/ 生成的<a class="twitter-timeline" data-lang="en" data-theme="dark" href="https://twitter.com/CiberCinema?ref_src=twsrc%5Etfw">Tweets by CiberCinema</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 将我的Twitter 个人资料嵌入到一个网站中。

但这就是它的样子：

这是我正在使用的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CiberCinema</title>
    <link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'>
<!--                 <link rel="stylesheet" href="styles.css">
 -->        <link rel="stylesheet" href="fonts.css">
        <link rel="icon" type="image/png" href="claquetapng.png" />
</head>
<body>
                <div id="particles-js"></div>

        <header>
        <div class="texto">
                <h2 class="texto">CiberCinema</h2></div>
        </div>
</header>

<div class="twitter">   
<a class="twitter-timeline" data-lang="en" data-theme="dark" href="https://twitter.com/CiberCinema?ref_src=twsrc%5Etfw">Tweets by CiberCinema</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

</body>

如何使我的提要看起来符合要求？（像这样）

【问题讨论】：

您是否在页面中添加了必要的 javascript 代码
我不知道您所说的必要代码是什么意思，但是代码在问题中，因此您可以查看是否缺少某些内容:)

标签： javascript html twitter

【解决方案1】：

您可以在 jquery 的 onDocumentReady 处理程序中执行此操作。或者在 javascript 中。

只需创建一个 div 并将内容加载到其中。

$("#div_id").load("http://...twitter-url");

【讨论】：

真的，我现在想知道为什么 twitter.com/CiberCinema?ref_src=twsrc%5Etfw">Tweets by CiberCinema
不工作... ?

啊，我明白了。有趣的细节。在我的机器和 Chrome 中，您的代码运行良好。您可以尝试将协议添加到链接。比如 src="http://..." 或 "platform..."

【解决方案2】：

对我而言，正如 HugoHiasl 指出的那样，您的代码运行良好。

因此，您可能需要检查一些事项以解决此问题：

1_ 刷新/关闭您的浏览器

2_ 尝试其他浏览器

3_ 重启你的笔记本电脑

4_看看是否有任何外部的东西，比如 css 代码之类的东西，隐藏了 twitter 时间线。

【讨论】：