Tôi muốn tạo chủ đề Tumblr và ineteresting là có bất kỳ IDE (Netbeans, Eclipse, PHPStorm) bổ sung hoặc các công cụ để phát triển? Lý tưởng là để xem trước chủ đề của tôi trong trình duyệt mà không cần tải nó lên Tumblr. Cảm ơn.Công cụ phát triển Tumblr
Trả lời
Về mặt tài nguyên, có một vài tài nguyên mà tôi đã tìm thấy.
Ngoài ra còn có một TextMate bundle mặc dù đó là một vài tuổi.
Phát triển Tumblr là một chút đau đớn, cách tôi thực hiện bằng cách thiết lập một kiểm tra tumblr để sử dụng, reblogging hoặc đăng mỗi loại bài mà tôi muốn (ảnh, photoset, âm thanh, văn bản, vv) . Tôi làm việc trên HTML tại địa phương và làm cho nó thiết lập như thế nào tôi muốn nó, cho đến khi tôi biết tôi có thể làm khá nhiều tất cả mọi thứ tôi cần để đạt được thông qua CSS một mình. Sau đó tôi lưu trữ bất kỳ nội dung nào (CSS/JS/etc.) Trên máy chủ của mình, sử dụng trình chỉnh sửa chủ đề trên chủ đề thử nghiệm của mình để cập nhật HTML và sau đó mọi thứ tôi cần làm chỉ có thể được thực hiện trên các tài sản từ xa của mình. Nếu tôi cần chỉnh sửa HTML, tôi thực hiện nó cục bộ rồi dán lại vào trình chỉnh sửa chủ đề.
Đó không phải là cách làm việc tốt nhất, nhưng tôi đã thực hiện khoảng 4 chủ đề theo cách đó và nó hoạt động tốt cho tôi.
Tôi tìm thấy cách riêng để phát triển các chủ đề tumblr bằng PhpStorm (hoặc có thể là bất kỳ IDE nào khác) và tránh dán bản sao thủ công để xem các cập nhật của tôi. Tôi đã viết một javascript đơn giản để thực hiện trong giao diện điều khiển trình duyệt của bạn (MIT được cấp phép).
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:
- Sử dụng JetBrains PhpStorm để chỉnh sửa file theme html của bạn (Có thể sử dụng biên tập viên khác, điều quan trọng duy nhất là các tập tin đã được lưu trữ trên một (máy chủ cục bộ hoặc công cộng).)
- Bấm
Open in browser
trong PhpStorm trong khi xem tệp. - Trình duyệt của bạn sẽ mở bằng url như sau:
http://localhost:63342/TumblrTheme/index.html
. - Dán URL này vào đoạn mã phía trên.
- Mở
http://www.tumblr.com/customize/YOUR-BLOG-NAME
. - Nhấp vào
Edit html
. - Mở bảng điều khiển javascript trình duyệt của bạn.
- Dán vào đoạn mã trên (nhớ thay đổi đường dẫn đến tệp chủ đề của bạn).
- Bản xem trước giờ được tự động cập nhật mỗi giây nếu nguồn đã thay đổi.
Xuất bản tại gist này: https://gist.github.com/cmfcmf/7154536
- 1. Công cụ phát triển SNMP MIB
- 2. Công cụ để phát triển Meteor
- 3. Công cụ chọn màu - đề xuất cho các công cụ dành cho nhà phát triển Chrome
- 4. Công cụ phủ sóng xây dựng cho các công cụ dành cho nhà phát triển chrome
- 5. Công cụ phát triển bổ sung cho Java
- 6. Công cụ hàng đầu cho nhà phát triển C#/sql
- 7. Phát triển nhanh; các công cụ miễn phí trực tuyến!
- 8. Các công cụ phát triển và gỡ lỗi OpenID
- 9. Công cụ phát triển Commodore 64 cho Mac OS X
- 10. Công cụ/plugin phát triển Eclipse “phải có” cho PHP
- 11. Phát triển Thanh công cụ trong Visual Studio 2008
- 12. Công cụ dành cho nhà phát triển Android khác
- 13. Các công cụ FOSS để phát triển Flash
- 14. Xuất dữ liệu từ công cụ nhà phát triển Chrome
- 15. Gỡ lỗi iframe bằng công cụ nhà phát triển Chrome
- 16. Thực tiễn/Công cụ phát triển từ xa
- 17. QT Properties - cú pháp đường hoặc công cụ phát triển
- 18. Công cụ tốt để phát triển GUI trong Android?
- 19. Công cụ phát triển cho Adobe Flex/AIR?
- 20. Công cụ triển khai Django
- 21. Tôi có nên xem xét bất kỳ công cụ nào khác ngoài các công cụ phát triển của Apple để phát triển iPad không?
- 22. Làm cách nào để sửa đổi bookmarklet tumblr để đăng lên một blog tumblr cụ thể?
- 23. Các công cụ quan trọng mà mọi Nhà phát triển Java nên có trong bộ công cụ của mình?
- 24. Sự khác nhau giữa công cụ nền tảng và công cụ SDK trong phát triển Android là gì?
- 25. Công cụ REST hỗ trợ cho việc phát triển và thử nghiệm
- 26. Tôi nên sử dụng công cụ ORM nào để phát triển .Net
- 27. Công cụ gỡ lỗi tốt nhất để phát triển JavaScript/xulrunner
- 28. các công cụ để phát triển các dịch vụ web RESTful
- 29. Tắt chức năng $ của Công cụ dành cho nhà phát triển Chrome
- 30. Javascript IE8 không chạy trừ khi Công cụ dành cho nhà phát triển mở?