HOWTO：

Question

我想创建Tumblr主题和ineteresting是否有任何IDE（Netbeans，Eclipse，PHPStorm）插件或开发工具？理想的是在浏览器中预览我的主题而不将其上传到Tumblr。感谢。

Answer 1

就资源而言，我发现了一些资源。

还有一个TextMate bundle，虽然已经有几年了。

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

这不是最好的工作方式，但我已经完成了4个主题，它对我来说没问题。

Answer 2

我找到了自己的方法来使用PhpStorm（或可能是任何其他IDE）开发tumblr主题，并避免手动复制粘贴以查看我的更新。我写了一个简单的javascript，在你的浏览器控制台（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：

使用 JetBrains PhpStorm 编辑您的html主题文件（可以使用其他编辑器，唯一重要的是文件必须托管在（本地或公共）上服务器。）
在查看文件时单击PhpStorm中的Open in browser。
您的浏览器应该使用以下网址打开：http://localhost:63342/TumblrTheme/index.html。
将此网址粘贴到上面的代码段中。
打开http://www.tumblr.com/customize/YOUR-BLOG-NAME。
点击Edit html。
打开浏览器javascript控制台。
粘贴在上面的代码段中（请记住更改主题文件的路径）。
如果源已更改，现在预览会每秒自动更新。

在这个要点上发表：https://gist.github.com/cmfcmf/7154536

Tumblr开发工具

2 个答案:

HOWTO：