当前位置：文江博客话题详情

汤博乐开发工具

发布于 2025-01-01 04:43:08 字数 105 浏览 1 评论 0原文

我想创建 Tumblr 主题，有趣的是有没有 IDE（Netbeans、Eclipse、PHPStorm）插件或开发工具？理想的情况是在浏览器中预览我的主题，而不将其上传到 Tumblr。谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

￡烟消云散 2025-01-08 04:43:08

我找到了自己的方法来使用 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 中单击在浏览器中打开。
您的浏览器应打开并显示如下 URL：http://localhost:63342/TumblrTheme/index.html。
将此 URL 粘贴到上面的代码片段中。
打开http://www.tumblr.com/customize/YOUR-BLOG-NAME。
单击编辑 html。
打开浏览器的 JavaScript 控制台。
粘贴上面的代码片段（记住更改主题文件的路径）。
如果源发生更改，预览现在每秒自动更新。

在此要点发布：https://gist.github.com/cmfcmf/7154536

I found my own way to develop tumblr themes using PhpStorm (or possibly any other IDE) and avoid the manual copy pasting to see my updates. I wrote a simple javascript to execute in your browsers console (MIT licensed).

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:

Use JetBrains PhpStorm to edit your html theme file ( It is possible to use other editors, the only important thing is that the file has to be hosted on a (local or public) server. )
Click Open in browser in PhpStorm while viewing the file.
Your browser should open with an url like this: http://localhost:63342/TumblrTheme/index.html.
Paste this URL in the snippet above.
Open http://www.tumblr.com/customize/YOUR-BLOG-NAME.
Click Edit html.
Open your browsers javascript console.
Paste in the snippet above (remember changing the path to your theme file).
The preview now is auto-updated every second if the source has changed.

Published at this gist: https://gist.github.com/cmfcmf/7154536

回复收藏 0 原文

木森分化 2025-01-08 04:43:08

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

还有一个 TextMate 捆绑包尽管它已经有几年了。

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

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

回复收藏 0 原文

~没有更多了~