我想创建 Tumblr 主题,有趣的是有没有 IDE(Netbeans、Eclipse、PHPStorm)插件或开发工具?理想的情况是在浏览器中预览我的主题,而不将其上传到 Tumblr。
谢谢。
我找到了自己的方法来使用 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:
- Use JetBrains PhpStorm编辑你的 html 主题文件(可以使用其他编辑器,唯一重要的是文件必须托管在(本地或公共)服务器上。 )
- Click
Open in browser
在 PhpStorm 中查看文件时。
- 您的浏览器应打开并显示如下 URL:
http://localhost:63342/TumblrTheme/index.html
.
- 将此 URL 粘贴到上面的代码片段中。
- Open
http://www.tumblr.com/customize/YOUR-BLOG-NAME
.
- Click
Edit html
.
- 打开浏览器的 JavaScript 控制台。
- 粘贴上面的代码片段(记住更改主题文件的路径)。
- 如果源发生更改,预览现在每秒自动更新。
发表于此要点:https://gist.github.com/cmfcmf/7154536 https://gist.github.com/cmfcmf/7154536
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)