Question

我发现Nathan Scott的javascript片段用于在静态网页上嵌入tumblr feed非常有用。但我也发现它在我想要的信息方面有点过于简单。由于我的知识有限，我似乎无法弄清楚如何调用帖子的标题和日期，以便我可以用CSS设置它。理想情况下，我还想声明我只收到常规帖子中的第一张照片，并在X字符数量后截断，但我没有运气。

非常感谢任何形式的帮助！

这是原始代码由Nathan Scott提供！

 <script type="text/javascript" src="http://collinsstreetmedia.tumblr.com/api/read/json"> 
 </script>

 <script type='text/javascript'>
  $("#announcement").html(
    tumblr_api_read["posts"][0]["regular-body"].substring(0,400)
  );
  $("#announcement_url").attr(
      {
        href: (tumblr_api_read["posts"][0]["url"])
      }
    );
 </script>

Answer 1

请尝试以下操作。

您要获取帖子的端点是：

http://api.tumblr.com/v2/blog/[TUMBLR WEBSITE HERE]/posts/text?api_key=[YOUR API KEY]

例如：

http://api.tumblr.com/v2/blog/citriccomics.tumblr.com/posts/text?api_key=[YOUR API KEY]

然后使用jQuery您可以调用该请求：

$.getJSON("http://api.tumblr.com/v2/blog/citriccomics.tumblr.com/posts/text?api_key=[YOUR API KEY]", function(data) {
   alert(data); // Do something with 'Data', your JSON response.
});

要实际解析JSON，您可以使用以下简单的内容：

var responseData = $.parseJSON(data);
alert(responseData.response.posts);

从tumblr的API中抓取图像，发布标题和发布日期

1 个答案: