1

我遇到了一个有趣的问题，我正在使用 Tumblr 静态页面和 instafeedjs。当我编辑页面时，Instafeed 工作正常。但是，当我在编辑器之外查看页面时，图像不会加载，并且链接不会将我带到 instagram 网站。这是代码，但就像我说的，在编辑器中一切正常。

<script type="text/javascript">
            var feed = new Instafeed({
                get: 'user',
                userId: USER_ID,
                accessToken: 'aTOKEN',
                clientId: 'cID',
                limit:4,
                template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="likes">&hearts; {{likes}}</div></a>'
            });
            feed.run();
            </script>
4

2 回答 2

1

将模板行更改为在所有花括号内都有空格：

template: '<a href="{{ link }}" target="_blank"><img src="{{ image }}" /><div class="likes">&hearts; {{ likes }}</div></a>'

因为 Tumblr 使用单个花括号作为其主题（例如：）{SubmitLabel}，所以它会将您的模板行视为{{link}}主题变量。

您可以通过在花括号内添加空格来欺骗 Tumblr 忽略这些标签。

供参考，请参阅：

于 2015-08-19T02:00:06.790 回答
0

好的，我刚刚回到它，正如lharby建议的那样，实际上是使用“模板：”导致了问题。非常感谢，现在我只需要找出解决方法。

再次感谢，

...仍然认为它在编辑器中工作很奇怪...：^/

于 2015-08-18T21:39:48.550 回答