我的网站上的Instagram feed javascript无法正常工作

Question

嘿我正在尝试实现这个codepen脚本：

https://codepen.io/matthewelsom/pen/zrrrLN

在我的网站http://mariumarif.co.uk/index.php

但它不适用于我的网站

我已经生成并输入了我的所有“客户端ID”“密码”等到codepen中，它在我的instagram中运行于codepen：https://www.instagram.com/mariumarif_hairstylist/

不知道为什么它不能在我的网站上运行。有任何想法吗？

// Use the CDN or host the script yourself
// https://cdnjs.cloudflare.com/ajax/libs/instafeed.js/1.4.1/instafeed.min.js
// https://matthewelsom.com/assets/js/libs/instafeed.min.js

var userFeed = new Instafeed({
  get: 'user',
  userId: 'MY_USER_ID',
  clientId: 'MY_CLIENT_ID',
  accessToken: 'MY_ACCESS_TOKEN',
  resolution: 'standard_resolution',
  template: '<a href="{{link}}" target="_blank" id="{{id}}"><img src="{{image}}" /></a>',
  sortBy: 'most-recent',
  limit: 17,
  links: true
});
userFeed.run();

#instafeed {
  max-width: 1080px;
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}
#instafeed a {
  display: flex;
  align-items: center;
  position: relative;
  width: 50%;
  background: white;
}
@media only screen and (min-width: 580px) {
  #instafeed a {
    width: 25%;
  }
}
#instafeed a img {
  display: block;
  width: 100%;
}

<div id="instafeed">
</div>

Answer 1

打开控制台（F12）。它说 ：

未捕获的ReferenceError：未定义Instafeed

因此，正如指令所说（“自己使用CDN或托管脚本”）在运行代码之前包含此依赖项，您应该很好：

<script src="https://cdnjs.cloudflare.com/ajax/libs/instafeed.js/1.4.1/instafeed.min.js"></script>