Tumblr開發工具

Question

我想創建Tumblr主題和ineteresting是否有任何IDE（Netbeans，Eclipse，PHPStorm）插件或開發工具？理想的是在瀏覽器中預覽我的主題，而無需將其上傳到Tumblr。 謝謝。

Answer 1

就資源而言，我找到了一些資源。

• TumblrThemr
• Thimble
• Tumblr Boilerplate

還有一個TextMate bundle雖然這是一個數歲。

爲Tumblr開發有些痛苦，我這樣做的方式是通過設置一個測試tumblr來使用，重新登錄或發佈我想要的每個帖子類型（照片，photoset，音頻，文本等） 。我在本地處理HTML，並設置了我想要的方式，直到我知道我可以通過CSS單獨完成我需要的大部分功能。然後我在我的服務器上託管任何資產（CSS/JS /等），在我的測試主題上使用主題編輯器來更新HTML，然後我需要做的任何事情都可以在我的遠程資產上完成。如果我需要編輯HTML，我會在本地執行，然後將其粘貼回主題編輯器中。

這不是最好的工作方式，但我已經完成了大約4個主題，並且對我來說工作正常。

Answer 2

我發現我自己的方式使用PhpStorm（或可能的任何其他IDE）開發tumblr主題，並避免手動複製粘貼來查看我的更新。我寫了一個簡單的JavaScript來執行您的瀏覽器控制檯（麻省理工學院許可）。

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：

• 使用JetBrains公司PhpStorm編輯您的HTML主題文件（有可能使用其他編輯器，唯一重要的是，該文件有一個被託管（本地或公共）服務器）
• 點擊Open in browser在PhpStorm查看文件時。
• 您的瀏覽器應該打開這樣的網址：http://localhost:63342/TumblrTheme/index.html。
• 將此URL粘貼到上面的代碼片段中。
• 打開http://www.tumblr.com/customize/YOUR-BLOG-NAME。
• 點擊Edit html。
• 打開你的瀏覽器的JavaScript控制檯。
• 粘貼上面的代碼片段（記住將路徑更改爲您的主題文件）。
• 如果源已更改，則現在每秒都會自動更新預覽。

發佈這個要點：https://gist.github.com/cmfcmf/7154536