Làm cách nào tôi có thể tổ chức tốt nhất một trang web Jekyll + Bootstrap + Git?


9

Vì vậy, sau nhiều năm xây dựng các trang web từ đầu (và tự mình nâng đỡ), tôi đã nhúng ngón chân vào hai dự án đã tồn tại vài năm mà tôi đã tránh: Bootstrap và Jekyll.

Thiết kế là một công việc rất tùy chỉnh yêu cầu tôi đào sâu vào LESS vì vậy tôi đã có các tệp nguồn Bootstrap, tài sản nguồn và một thư mục xây dựng trong thư mục đó. Sau đó là phía Jekyll. Nó có cấu trúc riêng, tôi đang liên kết trong thư mục bản dựng Bootstrap và nội dung cuối cùng (thứ tôi muốn thực sự phục vụ) được chôn trong _sitethư mục.

Đây là vẻ ngoài của nó:

/.git/*
/.gitignore
/bootstrap/
/bootstrap/... a load of source files ...
/bootstrap/bootstrap/  # the build output
/jek/
/jek/... all the jekyll files ...
/jek/bootstrap/  # symlink on ../bootstrap/bootstrap/
/jek/_site  # the stuff I actually want to upload - but don't really want in git

Trong lịch sử của tôi , tôi đã từng làm việc với bố cục dự án Django (điều này có ý nghĩa hợp lý) hoặc bố cục tĩnh. Những gì tôi có ở đây là hai hệ thống xây dựng riêng biệt và nó khiến tôi phát điên.

Có cách nào tốt hơn để cấu trúc tất cả những thứ linh tinh này, hoặc thất bại điều đó, có cách nào để tôi có thể tạo đầu ra bootstrap trực tiếp vào thư mục jek không? Làm thế nào để bạn xử lý các trang web tĩnh đồng phụ thuộc như thế này?


Tôi đoán điều này làm cho việc bắt đầu dễ dàng hơn: jekyllbootstrap.com/usage/jekyll-quick-start.html
marbel

Tại sao nó lái bạn hạt dẻ?
Người dùng

Nếu đó là Jekyll, Bootstrap và GitHub, tôi sẽ tận dụng triệt để các vids của anh chàng này: youtube.com/user/KepowOb
Trunk

Câu trả lời:


0
  • Tập tin xây dựng riêng biệt từ nguồn.

    /jek/_site  # the stuff I actually want to upload - but don't really want in git
    

    bạn có thể tắt nó từ chi nhánh chính của mình, jekyll có hỗ trợ Tích hợp liên tục . Làm thế nào để làm điều đó bạn có thể đọc tài liệu .

    nó sẽ không dễ dàng, nó giống như thiết lập dự án mới. Và tôi cho rằng bạn chưa quen với nó

  • Mang bootstrap trong thư mục jekyll.

     /jek/bootstrap/  # actual boostrap source    
     /jek/bootstrap/dist/  # the build output
    

    đọc cấu hình mặc định , nó có

    • điểm đến, trong trường hợp tùy chọn trước không phù hợp với bạn
    • bao gồm, bao gồm thư mục boostrap

      Buộc bao gồm các thư mục và / hoặc tệp trong chuyển đổi.

    • keep_files, để giữ .lessnếu cần thiết.

Vấn đề về jekyll để hỗ trợ ít hơn đang hoạt động và hiện đã đóng cửa , vì vậy chưa có hỗ trợ chính thức nào. Nhưng bạn có Rake hoặc Gulp thay thế , shell script . Khi bạn sử dụng Tích hợp liên tục như travis để đẩy tệp được tạo của bạn từ jekyll, bạn cũng có thể biên dịch ít hơn qua before_script . Với điều đó tôi hy vọng bạn có bố cục mã sạch hơn và thư mục gốc đơn, không có thư mục _site.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.