2012-01-31 34 views
7

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

6

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.

6

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

Các vấn đề liên quan