我想創建Tumblr主題和ineteresting是否有任何IDE(Netbeans,Eclipse,PHPStorm)插件或開發工具?理想的是在瀏覽器中預覽我的主題,而無需將其上傳到Tumblr。 謝謝。Tumblr開發工具
7
A
回答
6
就資源而言,我找到了一些資源。
還有一個TextMate bundle雖然這是一個數歲。
爲Tumblr開發有些痛苦,我這樣做的方式是通過設置一個測試tumblr來使用,重新登錄或發佈我想要的每個帖子類型(照片,photoset,音頻,文本等) 。我在本地處理HTML,並設置了我想要的方式,直到我知道我可以通過CSS單獨完成我需要的大部分功能。然後我在我的服務器上託管任何資產(CSS/JS /等),在我的測試主題上使用主題編輯器來更新HTML,然後我需要做的任何事情都可以在我的遠程資產上完成。如果我需要編輯HTML,我會在本地執行,然後將其粘貼回主題編輯器中。
這不是最好的工作方式,但我已經完成了大約4個主題,並且對我來說工作正常。
6
我發現我自己的方式使用PhpStorm(或可能的任何其他IDE)開發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);
HOWTO:
- 使用JetBrains公司PhpStorm編輯您的HTML主題文件(有可能使用其他編輯器,唯一重要的是,該文件有一個被託管(本地或公共)服務器)
- 點擊
Open in browser
在PhpStorm查看文件時。 - 您的瀏覽器應該打開這樣的網址:
http://localhost:63342/TumblrTheme/index.html
。 - 將此URL粘貼到上面的代碼片段中。
- 打開
http://www.tumblr.com/customize/YOUR-BLOG-NAME
。 - 點擊
Edit html
。 - 打開你的瀏覽器的JavaScript控制檯。
- 粘貼上面的代碼片段(記住將路徑更改爲您的主題文件)。
- 如果源已更改,則現在每秒都會自動更新預覽。
相關問題
- 1. 開發工具
- 2. 更好的CLI Tumblr工具
- 3. 開發高級Tumblr主題
- 4. WPF開發工具
- 5. HTML開發工具
- 6. iphone開發工具?
- 7. JPA開發工具
- 8. Android開發工具
- 9. Java開發人員的開發工具
- 10. Windows Phone開發工具
- 11. C#/ .NET GUI開發工具
- 12. 編輯chrome開發工具
- 13. Visual VoiceXML/VXML開發工具?
- 14. Vista 64位開發工具
- 15. 快速開發工具/ IDE
- 16. 可視化開發工具
- 17. Jira小工具開發
- 18. Android開發工具包
- 19. 網頁開發工具
- 20. 服務器開發工具?
- 21. Angular2和Typescript開發工具
- 22. SCORM 1.2開發工具
- 23. WYSIWYG-ish AJAX開發工具?
- 24. Android的開發工具
- 25. 開發測試工具
- 26. Chrome開發工具爲空
- 27. ASP.NET MVC開發工具
- 28. Browserstack:iPad的開發工具?
- 29. 開發流星的工具
- 30. 感染的開發工具?