Integration der tumblr-blog-website

Question

Ich möchte zu integrieren my tumblr feed auf meiner website.Es scheint, dass tumblr hat eine API dafür, aber ich bin mir nicht ganz sicher, wie es zu benutzen.Von dem, was ich verstehe, bitte ich, die Seite und tumblr gibt eine xml-Datei mit dem Inhalt meines Blogs.Aber wie kann ich dann diese xml-Daten in aussagekräftige html?Muss ich analysieren es mit php, drehen Sie die entsprechenden tags in den Header und so weiter?Ich sage mir, es kann nicht sein, dass schmerzhaft.Jemand irgendwelche Einsichten?

Answer 1

Sie können mit PHPTumblr , eine API-Wrapper in PHP geschrieben, die Beiträge abrufen eine macht Brise.

Answer 2

Es gibt eine Javascript enthalten, die tut dies jetzt, erhältlich bei Tumblr (Sie Login haben, es zu sehen): http: //www.tumblr.com/developers

Er windet sich, etwas so zusammen:

<script type="text/javascript" src="http://{username}.tumblr.com/js"></script>

Answer 3

Wenn Sie gehen, um http://yourblog.tumblr.com/api/read wo "yourblog" sollte ersetzt werden durch den Namen Ihres Blogs (seien Sie vorsichtig, wenn Sie hosten Ihr Tumblr-blog auf eine eigene domain, wie ich es Tue, benutzen Sie das) sehen Sie die XML-version von Ihrem blog.Es kommt wirklich anstrengend für mich, die auf Firefox für einige Grund, damit ich Chrome verwenden, versuchen Sie, ein paar verschiedene browser, es wird helfen, um die XML-Datei wohlgeformt ist, eingerückt und so.

Sobald Sie Ihren Blick auf die XML-version von Ihrem blog, beachten Sie, dass jede post hat eine Reihe von Daten in einem Attribut="Wert" Orientierung.Hier ist ein Beispiel aus meinem blog:

<post id="11576453174" url="http://wamoyo.com/post/11576453174" url-with-slug="http://wamoyo.com/post/11576453174/100-year-old-marathoner-finishes-race" type="link" date-gmt="2011-10-17 18:01:27 GMT" date="Mon, 17 Oct 2011 14:01:27" unix-timestamp="1318874487" format="html" reblog-key="E2Eype7F" slug="100-year-old-marathoner-finishes-race" bookmarklet="true">

Also, es gibt viele Möglichkeiten, dies zu tun, werde ich Ihnen zeigen, die ich benutzt habe, und meine drop-code auf der Unterseite von diesem post, damit können Sie einfach zuzuschneiden, dass Sie auf Ihre Bedürfnisse.Beachten Sie die Typ="link" - Teil?Oder die id="11576453174" ?Dies sind die Werte, die Sie gehen zu verwenden, um ziehen Sie die Daten in Ihr PHP-Skript.

Hier ist das Beispiel:

<!-- The Latest Text Post -->
<?php
    echo "";
    $request_url = "http://wamoyo.com/api/read?type=regular"; //get xml file
    $xml = simplexml_load_file($request_url); //load it
    $title = $xml->posts->post->{'regular-title'}; //load post title into $title
    $post = $xml->posts->post->{'regular-body'}; //load post body into $post
    $link = $xml->posts->post['url']; //load url of blog post into $link
    $small_post = substr($post,0,350); //shorten post body to 350 characters
    echo // spit that baby out with some stylish html
        '<div class="panel" style="width:220px;margin:0 auto;text-align:left;">
            <h1 class="med georgia bold italic black">'.$title.'</h1>'
            . '<br />' 
            . '<span>'.$small_post.'</span>' . '...' 
            . '<br /></br><div style="text-align:right;"><a class="bold italic blu georgia" href="'.$link.'">Read More...</a></div>
        </div>
        <img style="position:relative;top:-6px;" src="pic/shadow.png" alt="" />
    '; 
?>

Also, das ist eigentlich Recht einfach.Das PHP-Skript hier stellen Daten (wie der post-Titel und post-text) aus der xml-Datei in php-Variablen, und dann echos aus diesen Variablen zusammen mit einigen html-Code zum erstellen eines div-welche Funktionen ein Ausschnitt aus einem blog-post.Dieser verfügt über die neueste text-post.Fühlen Sie sich frei, es zu benutzen, nur gehen und ändern, dass die erste url zu Ihrem eigenen blog.Und dann wählen, welche Werte Sie wollen aus Ihrer xml-Datei.

Zum Beispiel lassen Sie uns sagen, Sie wollen nicht die letzten, aber die zweite jüngsten "Foto" post.Sie haben zu ändern die request_url zu diesem:

$request_url = "http://wamoyo.com/api/read?type=photo&start=1"

Oder sagen wir, Sie möchten, dass der aktuellste Beitrag mit einem bestimmten tag

$request_url = "http://wamoyo.com/api/read?tagged=events";

Oder sagen wir, Sie möchten einen bestimmten post, verwenden Sie einfach die id

$request_url = "http://wamoyo.com/api/read?id=11576453174";

So alle Sie haben zu tun ist, ist das Heften der ?mit welchem parameter und verwenden Sie ein & wenn Sie mehrere Parameter haben.

Wenn du möchtest, dass etwas schicker mag, Sie müssen die tumblr-api-docs hier: http://www.tumblr.com/docs/en/api/v2

Ich hoffe, das war hilfreich!

Answer 4

Es gibt zwei Möglichkeiten, dies zu tun. Erstens können Sie die XML analysieren und zog den Inhalt der den Tags, die Sie brauchen (ein paar Möglichkeiten, auf diese je zu tun, ob Sie einen SAX oder DOM-Parser verwenden). Dies ist die schnelle und schmutzige Lösung.

Sie können auch eine XSLT-Transformation verwenden, um die XML-Quelle direkt in den HTML Sie zu konvertieren wollen. Das ist mehr beteiligt, da Sie die Syntax für XSLT-Vorlagen lernen, die ausführlichen ein wenig ist.