Tumblr开发工具

Question

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

Answer 1

在资源方面,我发现了一些.

• TumblrThemr
• 顶针
• Tumblr Boilerplate

还有一个TextMate包,虽然已经有几年了.

为Tumblr开发有点痛苦,我这样做的方法是设置一个测试tumblr来使用,重新记录或发布我想要的每个帖子类型(照片,photoset,音频,文本等).我在本地处理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);

如何:

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

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