如何在Jekyll页面上嵌入Twitter动态？

Question

我正在尝试在使用Jekyll生成的静态网站上嵌入Twitter动态。我想知道Jekyll是否支持这些动态，因为当我尝试嵌入时，除了动态名称外，什么也没有显示出来。Twitter网站上几乎没有任何信息，似乎你只需复制代码即可完成。我做错了什么吗？

<a class="twitter-timeline" href="https://twitter.com/hashtag/sistersuncut" data-widget-id="765713533543845888"></a>
<script>
!function(d,s,id){
    var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
    if(!d.getElementById(id)){
        js=d.createElement(s);
        js.id=id;
        js.src=p+"://platform.twitter.com/widgets.js";
        fjs.parentNode.insertBefore(js,fjs);
    }
}(document,"script","twitter-wjs");
</script>

- n0hands

---

你的文件中有 _config.yml 吗？我相信你一定有。 - Gupta

@nohands，请检查我的答案，如果有任何不明白的地方，请告诉我。 - Gupta

等一下 - 你是说 config.yml 文件不应该出现在我生成站点时出现的项目文件中吗？ - n0hands

_config.yml 用于在使用 jekyll 创建任何项目时生成。供您参考vgvinay2 Github。 - Gupta

好的 - 你是说我应该对这个yml文件做些什么吗？我已经把它放在原地了。 - n0hands

请查看此帖子：http://keitaito.com/blog/2017/01/20/embedding-tweets-in-github-pages.html - Johnny

Answer 1

原来 Twitter 小部件实际上已经无法使用了。让你制作小部件的 Twitter 网站仍然存在，这非常误导人，但是有大量推文都说自从某个新更新以来，小部件就无法工作了。

- n0hands

Answer 2

你也可以使用这种方式。

<a aria-label="Share on Twitter" href="https://twitter.com/intent/tweet?text=&quot;{{ page.twitter_text }}&quot;%20{{ site.url }}{{ page.url }}%20via%20&#64;{{ site.twitter_username }}&hashtags={% for tag in page.tags %}{{tag}},{% endfor %}"
  onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;" title="Share on Twitter">
  <svg class="icon icon-twitter"><use xlink:href="#icon-twitter"></use></svg>
</a>

刚刚定义了twitter_text，如果你想使用它们，也可以定义其他的。 希望这能帮到你！。

- Gupta

---

页面上只出现了一个正方形，这可能是因为上面的代码没有输入。我不明白为什么图片/推文没有显示出来。 - n0hands

还有，“defiled”是什么意思？ - n0hands