Strumenti di sviluppo Tumblr

Question

Voglio creare un tema Tumblr e in -estestine ci sono plugin o strumenti IDE (Netbeans, Eclipse, PHPStorm) per lo sviluppo? L'ideale è visualizzare l'anteprima del tema nel browser senza caricarlo su Tumblr. Grazie.

Answer 1

In termini di risorse ce ne sono alcune che ho trovato.

• TumblrThemr
• Thimble
• Tumblr Boilerplate

C'è anche un TextMate bundle anche se è vecchia di qualche anno.

Sviluppare per Tumblr è un po 'un dolore, il modo in cui lo faccio è impostare un tumblr di test per utilizzare, affiggere o postare ogni tipo di post che voglio (foto, photoset, audio, testo, ecc.) . Lavoro sull'HTML localmente e faccio in modo di impostare come voglio, fino a quando so che posso fare praticamente tutto ciò che devo ottenere tramite CSS da solo. In seguito, porto sul mio server qualsiasi risorsa (CSS/JS/etc.), Uso l'editor di temi sul mio tema di test per aggiornare l'HTML, e quindi tutto ciò che devo fare può essere fatto sulle mie risorse remote. Se ho bisogno di modificare l'HTML, lo faccio localmente e poi lo rimetto nell'editor dei temi.

Non è il modo più bello di lavorare, ma ho fatto circa 4 temi in questo modo e funziona bene per me.

Answer 2

Ho trovato il mio modo di sviluppare temi Tumblr usando PhpStorm (o eventualmente qualsiasi altro IDE) ed evitando di incollare manualmente la copia per vedere i miei aggiornamenti. Ho scritto un semplice javascript da eseguire nella tua console di navigazione (con licenza MIT).

setInterval(function() { 
jQuery.ajax('YOUR-URL-TO-THE-THEME-FILE', {cache: false}).success(function(html) { 
    var btn = jQuery("div[data-action='update_preview']").first(); 
    if (html!=ace.edit('editor').getValue()) { 
     ace.edit('editor').setValue(html); 
     if (!btn.hasClass('disabled')) 
      btn.click() 

    } 
}); 
},1000); 

Howto:

• Usa JetBrains PhpStorm per modificare il file html tema (E 'possibile usare altri editor, l'unica cosa importante è che il file deve essere ospitato su un (locale o pubblico) server)
• Fare clic su Open in browser in PhpStorm durante la visualizzazione del file.
• Il tuo browser dovrebbe essere aperto con una url come questa: http://localhost:63342/TumblrTheme/index.html.
• Incolla questo URL nello snippet qui sopra.
• Aperto http://www.tumblr.com/customize/YOUR-BLOG-NAME.
• Fare clic su Edit html.
• Apre la console javascript del browser.
• Incolla il frammento sopra (ricorda di cambiare il percorso del file del tema).
• L'anteprima ora viene aggiornata automaticamente ogni secondo se la fonte è cambiata.

pubblicate in questo gist: https://gist.github.com/cmfcmf/7154536