在Tumblr中使用Tumblr API

Question

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

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

例如员额总数： 689

我读过几十个关于tumblr的堆叠溢出问题，还有很多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文档中也找不到它来教我如何去做。我唯一能做的就是拉我的化身，把http://api.tumblr.com/v2/blog/david.tumblr.com/avatar/512放在一个

<img src"">

但即使这是我自己做的，没有一篇文章告诉我，我必须把它放在一个图像标签中才能让它显示，所以我想有一种类似的简单方法来获得一个完整的posts来显示，也许这里的人可以帮我。

谢谢。

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控制台中的错误。然后，您将得到一个错误消息，而不是“什么都没有出现”。下面是如何在Chrome中打开JavaScript控制台。

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

此外，上面的代码可能无法在主题中工作，因为它依赖于JavaScript库jQuery，并且主题没有加载jQuery，或者因为在加载jQuery之前插入了代码。

Fix (原来代码甚至不需要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>

如果这是可行的，我强烈鼓励你看看为什么会这样。如果它不起作用，也许给一个链接到你的博客，在那里它不起作用？