2

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

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

例如，帖子总数： 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 显示，也许有人在这里可以帮我。

谢谢。

4

2 回答 2

3

这也将起作用：

<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]为您的博客。

于 2015-02-23T18:57:22.777 回答
2

记得检查 JavaScript 控制台是否有错误。然后您将收到一条错误消息，而不是“没有显示”。这是在 Chrome 中打开 JavaScript 控制台的方法。

此外，您使用的方式#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>

如果事实证明这行得通，我强烈建议您看看为什么会这样。如果它不起作用，也许在它不起作用的地方提供一个指向您的博客的链接？

于 2013-04-20T13:10:26.473 回答