tumblrのAPIから画像、投稿のタイトル、投稿日を取得

Question

静的なWebページにtumblrフィードを埋め込むためのNathan Scottのjavascriptスニペットが非常に便利です。しかし、私はまた、私が手に入れたい情報の面では少しシンプルだと思っています。私の限られた知識では、私はCSSでスタイルを付けることができるように、Postのタイトルと日付を呼び出す方法もわからないようです。私は理想的には、私は通常のポストから最初の写真を取得し、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] 

：実際に

$.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. 
}); 

：

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

その後jQueryを使用すると、あなたはその要求を呼び出すことができますJSONを解析すると、次のような単純なものを使用できます。

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