Javascript 在Tumblr中使用Tumblr API

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

我只想在tumblr索引页面上的一个小框中显示全部帖子

e、 g.职位总数：689

我已经阅读了几十篇关于TumblrAPI的堆栈溢出问题，还有很多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>

注释总计
var msg=tumblr\u api\u read；
var obj=jQuery.parseJSON（JSON.stringify（msg））；
$（'#NoteTotal'）。追加（“

”+”此站点为“+obj['posts-total]+”total posts.”）；

但是当我把它放到我的html中时，什么都没有显示。我已经尝试了很多其他代码，但也没有任何结果，我也没有找到任何教程，甚至在TumblrAPI文档中也没有教我如何做。 我唯一能做的就是通过放置一个

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

---

谢谢。

记得检查JavaScript控制台是否有错误。然后，您将收到一条错误消息，而不是“未显示任何内容”

另外，您使用

#NoteTotal

的方式表明您并不真正了解jQuery和元素选择器是如何工作的。快速介绍：

#something

选择id为

something

的元素，例如

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

修复（结果证明代码甚至不需要jQuery！）：

注释总计
$（'#note total'）。追加（“

”+“此站点共有”+tumblr_api_read['posts-total']+“posts”）；

如果这是可行的，我强烈建议你看看为什么会这样。 如果它不起作用，也许可以在不起作用的地方给你的博客提供一个链接？

这也会起作用：

<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>

var posts=tumblr\u api\u read['posts-total']//total posts
var totalposts=“总职位：”；
文件写入（totalposts）
文件编写（帖子）

---

用你的博客替换

[yourblogname]

。

谢谢你修改的JS，它成功了！我不知道我以前做错了什么，但你给出的代码似乎有效。我将尝试这一点，并试图扩大我在这方面的知识。当我得到15个代表分数时，我会回来给你一个投票。好的，很高兴能帮上忙！至于为什么你的代码不起作用，我试着在上面的回复中解释一下。如果您有任何问题，请直接回复或联系我（提示：谷歌）。

<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>

<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>