Instagram API Javascript 示例无效

Question

我正在尝试使用以下教程添加我的 Instagram 帐户的照片供稿：http://instafeedjs.com/#user

这是我的 html 代码，添加了 instafeed.min.js 文件：

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- link CSS and font files here -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link href='https://fonts.googleapis.com/css?family=PT+Sans:400italic,400' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">
    <script src="js/instafeed.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var userFeed = new Instafeed ({
            get: "user",
            userId: "8169627"
        });
        userFeed.run();
    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <div class="my_life">       
        <h1>A look into my life</h1>
        <!-- Instragram photo feed -->
        <div id="instafeed"></div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>



</body>
</html>

我在这里错过了什么？当我在浏览器中重新加载页面时，图片没有显示。提前致谢，布莱恩。

Answer 1

出于某种原因，您必须指定 userId、clientId 和 accessToken 才能抓取您的 Instagram 照片源。以下是正确的 Javascript 代码：

<script type="text/javascript">
        var userFeed = new Instafeed ({
            get: "user",
            userId: "8169627",
            clientId: "CLIENT_ID",
            accessToken: "ACCESS_TOKEN"
        });
        userFeed.run();
</script>

出于安全和隐私目的，我删除了我的个人 clientId 和 accessToken。

Instagram API Javascript 示例无效

Instagram API Javascript Example Not Working

html

javascript

instagram-api