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