我知道我可以在HTML中嵌入个人Instagram帖子到我的网站,但我想嵌入一个包含最近五个帖子的实时源,这些帖子会随着个人资料实时更新。
对于那些想知道原因的人:我希望此功能成为我网站“Photoblog”页面的一部分,而无需让访问者离开。
如何做到这一点?
答案 0 :(得分:1)
最好的方法是使用他们的API。
您有这个端点:<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="css/style.css">
<nav class="nav">
<h1> slider</h1>
<p class="author">by Atishay Khare</p>
</nav>
<div class="loading">
Loading...
</div>
<div class="slider">
<div class="slider-inner">
<div class="slide active">https://www.oxforduniversityimages.com/images/rotate/Image_Spring_17_7.gif</div>
<div class="slide">2</div>
<div class="slide">https://www.oxforduniversityimages.com/images/rotate/Image_Spring_17_7.gif</div>
<div class="slide">https://www.oxforduniversityimages.com/images/rotate/Image_Spring_17_7.gif</div>
<div class="slide">5</div>
<div class="slide">6</div>
<div class="slide">7</div>
<div class="slide">8</div>
</div>
<nav class="slider-nav">
<div class="active"></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</nav>
</div>
,您不需要任何令牌
它给你最后20个帖子。
然后你只需在你的网站上显示:)
答案 1 :(得分:0)
您可以使用API构建自己的:https://www.instagram.com/developer或使用第三方服务(如https://snapwidget.com)将Feed小部件嵌入您的网站。