Wie füge ich JavaScript zu jeder Nicht-Indexseite meines Tumblr-Blogs hinzu?

Question

Ich möchte JavaScript-Code zu jeder einzelnen Post-Seite auf meinem Tumblr Blog hinzufügen. Ich habe folgendes, aber es scheint nie auf irgendeiner Seite zu erscheinen, geschweige denn nur der Permalink oder einzelne Post-Seiten. Ich habe viele Varianten hier mit dem Entfernen der Block PermalinkPage Block ohne Erfolg versucht. Was mache ich hier falsch?

<!-- Start JS --> 
{block:Posts} 
    {block:PermalinkPage} 
    <script type='text/javascript'> 
    __config = { 
      {block:Date},date:'{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero} {24HourWithZero}:{Minutes}:{Seconds}'{/block:Date} 
      {block:PostSummary},title:{JSPlaintextPostSummary}{/block:PostSummary} 
      {block:HasTags},tags:[{block:Tags}'{Tag}', {/block:Tags}],{/block:HasTags} 
      ,url:'{URLEncodedPermalink}' 
    }; 
    (function(){ 
     var s = document.createElement('script'); 
     s.type = 'text/javascript'; 
     s.src = document.location.protocol + '//example.com/example.js'; 
     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(s); 
    })(); 
    </script> 
    {/block:PermalinkPage} 
{/block:Posts} 
<!-- END JS --> 

Answer 1

So würde ich es mit JavaScript/Front-End lösen.

var path = document.location.pathname; 
path = path.split("/")[1]; // Should return the primary directory 
path = path.toLowerCase(); // This should catch your.tumblr.com/Search and your.tumblr.com/search 
if(path === "" || path === "search")){ 
    console.log('Index or Search page'); 
}else{ 
    // Run your function here 
} 

Grundsätzlich, wenn der Pfad URL leer ist oder gleich search dann nicht die Funktion ausführen, aber die Funktion in jedem anderen Fall auszuführen.

Wie ich bereits erwähnte, ist dies jedoch nicht 100% ig robust. Da der Pfad möglicherweise http://your.tumblr.com/# ist und die Funktion fehlschlägt, müssen Sie möglicherweise explizitere Logik erstellen (Sie können sagen, path !== " " für eine leere Zeichenfolge).

Ich bin mir immer noch nicht sicher, warum es keine gute Idee ist, dies auf jeder Seite zu haben. Es sei denn, Benutzer werden definitiv mit Seiten auf der Website verknüpft, die nicht über die Indexseite weitergeleitet werden. Und wenn Ihr JavaScript-Code nicht massiv ist, könnte er alle von der Indexseite aus zwischengespeichert werden (aber im Falle von Hotlinks usw. immer noch von allen anderen Seiten verfügbar sein).

EDIT

Wie pro Kommentar unten, ich habe ein grundlegendes Beispiel auf einem Test Tumblr-Konto erstellt.

Der Code sieht wie folgt aus:

var path = document.location.pathname; 
    path = path.split("/")[1]; 
    path = path.toLowerCase(); 
    if(path === "" || path === "about"){ 
    $('body').css('background','#F09'); 
    console.log('Index or about page'); 
    }else{ 
    $('body').css('background','#FC0'); 
    console.log('Other page'); 
    } 

Die Tumblr Seite ich verwende hier: http://sg-test.tumblr.com/

(Ich glaube nicht, dass es eine Suchseite ist, ist die Suchfunktion ein Block, den Sie einfügen oder aktivieren Sie es in Ihrer Vorlage und ist auf jeder Seite verfügbar.)

Die Funktion sucht grundsätzlich nach der Indexseite (leeres primäres Verzeichnis) oder der About-Seite (ersetzen Sie diese bei Bedarf durch 'Suchen' oder eine andere Seite).

Konsolenprotokolle werden auf jeder Seite ausgegeben. Und wenn der Pfad mit dem Index übereinstimmt, habe ich die Farbe für den Körper auf pink gesetzt, sonst ist jede andere Seite orange.

http://sg-test.tumblr.com/about (rosa Hintergrund)

http://sg-test.tumblr.com/post/134796799695/post-title (orange Hintergrund)

Nach dieser Logik sollte es einfach sein, die Funktion anzupassen Ihren Code auszuführen, wenn es die Pfadvariablen Anforderungen, wie in meinem ersten Beispiel trifft .

Wie ich bereits erwähnte, gibt es ein Problem mit . Dies ist effektiv immer noch die Indexseite, aber unser Test gibt für ein leeres Verzeichnis false zurück, obwohl Tumblr es auf die Homepage abbildet.

Answer 2

Ich schob dies in meinen Sandbox-Blog, um zu sehen, was das Problem sein könnte, und es ist ein Stirn-Slapper, als ich die JS-Konsole überprüfte.

{block:Date},date: 

das Komma vor date entfernen und es sollte funktionieren. Lass es mich wissen, wenn du weitere Fragen hast.