Tumblr开发工具

Question

我想创建Tumblr的主题和兴趣，有没有任何集成开发环境(Netbeans，Eclipse，PHPStorm)插件或开发工具？理想的做法是在浏览器中预览我的主题，而不是上传到Tumblr。谢谢。

Answer 1

在资源方面，我找到了一些。

• TumblrThemr
• Thimble
• Tumblr Boilerplate

还有一个TextMate bundle，尽管它有几年的历史了。

为Tumblr开发有点痛苦，我的方式是设置一个测试tumblr来使用，重新发布或发布我想要的每一种帖子类型(照片，照片集，音频，文本等)。我在本地处理HTML，并按照我想要的方式设置它，直到我知道我可以通过CSS完成几乎所有我需要实现的事情。然后我托管任何资产(CSS/JS/等)在我的服务器上，使用我的测试主题的主题编辑器来更新HTML，然后我需要做的任何事情都可以在我的远程资源上完成。如果我需要编辑HTML，我会在本地编辑，然后将其粘贴回主题编辑器。

这不是最好的工作方式，但我已经用这种方式做了大约4个主题，对我来说还不错。

Answer 2

我找到了自己的方法来使用PhpStorm (或任何其他集成开发环境)开发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);

如何操作：

• 使用JetBrains PhpStorm编辑您的html主题文件(可以使用其他编辑器，唯一重要的是文件必须驻留在(本地或公共)服务器上。)
• 在查看文件时单击Open in browser in PhpStorm。
• 您的浏览器打开时应显示如下url :在上面的代码片段中打开此URL.在上面的代码片段中打开浏览器javascript
• (请记住更改主题文件的路径)。<代码>H223
• 现在，如果源文件发生更改，预览将每秒自动更新一次。

发表于以下要点：https://gist.github.com/cmfcmf/7154536