尝试将 Twitter 提要嵌入 html 网站，但只显示 link

Question

我知道有类似的问题，但我没有找到合适的答案；我正在尝试使用由 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>

如何使我的 Feed 看起来像我想要的那样？（像这样）

Answer 1

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

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

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

Answer 2

对我来说，正如 HugoHiasl 指出的那样，您的代码工作正常。

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

1_ Refresh/Close 你的浏览器

2_ 换个浏览器试试

3_ 重启笔记本电脑

4_看看有没有什么外部的东西，比如css代码什么的，隐藏了twitter时间线。

尝试将 Twitter 提要嵌入 html 网站，但只显示 link

Trying to embed Twitter feed to html website but only link is showing up

html

javascript

twitter