从 tumblr 的 API 获取图像、帖子标题和帖子日期

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