Question

我到处寻找这个答案 - 我想在考虑到无数谷歌搜索中有关Tumblr API的所有复杂内容时会很简单。

我想要做的就是在我的tumblr索引页面上的一个小方框中显示总帖子。

e.g。 帖子总数： 689

我已经读过很多关于tumblr api的堆栈溢出问题，还有许多quora问题。但没有人有答案。

有些代码包含：

<div>Note Total</div>
<script type="text/javascript" src="http://{name}.tumblr.com/api/read/json"></script>
<script type="text/javascript">
 var msg =tumblr_api_read;
 var obj = jQuery.parseJSON(JSON.stringify(msg));
 $('#NoteTotal').append("<br/><br/>" + "this site as " + obj['posts-total'] +" Total         posts.");
</script>

但是当我把它放到我的HTML中时，没有任何东西显示出来。我已经尝试了很多其他代码，但没有任何显示，我没有找到任何教程，甚至没有在tumblr api文档上向我展示如何做到这一点。我唯一能做的就是通过将http://api.tumblr.com/v2/blog/david.tumblr.com/avatar/512放在

中来拉我的头像

<img src"">

但即使这是我自己的做法，没有文章告诉我，我必须把它放在一个图像标签中才能显示出来，所以我认为有一种类似的简单方法可以显示总帖子api，也许这里有人可以帮助我。

感谢。

Answer 1

这也有效：

<script type="text/javascript" src="http://[yourblogname].tumblr.com/api/read/json"></script>
<script type="text/javascript">
var posts = tumblr_api_read['posts-total'] // total posts
var totalposts = "<b>Total posts:</b> ";
document.write(totalposts)
document.write(posts)
</script>

将[yourblogname]替换为您的博客。

Answer 2

请记得检查JavaScript控制台是否有错误。然后你会收到一条错误信息，而不是“没有显示”。 Here's how to open the JavaScript console in Chrome.

此外，您使用#NoteTotal的方式表明您并不真正了解jQuery和元素选择器的工作方式。快速介绍：#something选择ID为something的元素，例如<div id="something"></div>。

此外，您的上述代码可能在您的主题中不起作用，因为它依赖于JavaScript库jQuery，并且您的主题不加载jQuery，或者因为您在加载jQuery之前插入了代码。

修复（原来代码甚至不需要jQuery！）：

<div id="note-total">Note Total</div>
<script type="text/javascript" src="http://{name}.tumblr.com/api/read/json"></script>
<script type="text/javascript">
    $('#note-total').append("<br/><br/>" + "this site has total " + tumblr_api_read['posts-total'] + " posts.");
</script>

如果这样做有效，我强烈建议你去看看为什么会这样。如果它不起作用，或许可以提供一个链接到您的博客，它不起作用？

在Tumblr中使用Tumblr API

2 个答案: