在Jekyll页面上嵌入Twitter feed可以通过以下步骤实现:
twitter.html
。twitter.html
文件中,引入Twitter的JavaScript SDK。可以使用以下代码:<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
twitter.html
文件中,创建一个容器元素,用于显示Twitter feed。可以使用以下代码:<div id="twitter-feed"></div>
twitter.html
文件中,使用JavaScript代码初始化Twitter feed。可以使用以下代码:<script>
window.onload = function() {
twttr.widgets.createTimeline(
{
sourceType: "profile",
screenName: "YOUR_TWITTER_USERNAME"
},
document.getElementById("twitter-feed")
);
};
</script>
请将YOUR_TWITTER_USERNAME
替换为你的Twitter用户名。
twitter.html
文件。twitter.html
文件。可以使用以下代码:{% include twitter.html %}
现在,当你访问该Jekyll页面时,你将在页面上看到嵌入的Twitter feed。
注意:为了使Twitter feed正常显示,确保你的Jekyll项目已经正确配置了CSS和JavaScript文件的引入。
领取专属 10元无门槛券
手把手带您无忧上云