Javascript 如何在网站上定制/自动化嵌入式Instagram？

我正在为一位朋友编辑一个Squarespace网站，他希望他的Instagram个人资料显示其中一个页面，但他想要的不仅仅是照片，Instagram目前提供的就是照片

他需要能够显示与每张照片相关的文本，最好是在照片的右侧，或者可能在照片的下方，并带有指向#hashtags和@friends的可点击链接。如果有一个类似于Instagram网站的设置最简单，并且有喜欢的内容和评论，那也太好了

我知道我需要去掉CMS中的SquareSpace“Instagram块”，并添加我自己的代码。我知道你可以直接从Instagram上的照片页面嵌入代码，但我们需要它实现自动化

老实说，我对这一点非常陌生，只是学习了HTML和CSS之外的内容，并学习了一些JS，因此我希望朝着正确的方向努力，帮助解决这个问题，如果我太含糊，我肯定会提供更多信息。

我不确定这是否可以通过Instagram的API或一些Javascript实现，或者什么

---

下面的链接有助于说明我正在努力实现的目标。同样，如果使用Instagram的“嵌入”代码嵌入每张照片更容易，那也同样好，但我需要确保它是自动化的，这样我们就不必每次上传照片到Instagram时都进入我们的网站

---

您可以在SquareSpace javascript代码块中使用instagram javascript客户端--请参阅

然后尝试一些javascript客户机——也就是说，人们已经编写的代码，您可以基本上“即插即用”地使用和定制只需要更改为SquareSpace代码块的内容

据我所知，最流行的instagram javascript客户端是

下面是如何使用instafeed.js获取朋友的用户id的提要

var userFeed=newinstafeed({
获取：“用户”，
userId:YOUR_USER_ID，
accessToken:“您的\u访问\u令牌”
});
userFeed.run（）；

要获取标题，请使用instafeed.js文档中所述的

{{caption}}

模板变量

---

{{caption}}-图像的标题文本。如果没有空字符串，则默认为空字符串。

您如何知道您的朋友所写的文本与哪些图片一起使用。谢谢标题。我已经看过这些文件了，我的朋友想要的不是这些，因此，我为什么要问这个问题？我肯定我会做一些自定义编码。问题不在于SquareSpace是否有一个简单的答案，而在于Instagram是否有一些我可以轻松插入的代码？明白。我已经更新了我的答案，现在有了一个你可以探索的选项。

<script type="text/javascript">
    var userFeed = new Instafeed({
        get: 'user',
        userId: YOUR_USER_ID,
        accessToken: 'YOUR_ACCESS_TOKEN'
    });
    userFeed.run();
</script>