Làm cách nào để bao gồm tệp HTML bên trong tệp đánh dấu trong jekyll?

Question

Tôi có một trang web Jekyll với filestructure như vậy:

▾ _includes/ 
    post-entry.html 
▾ _posts/ 
    2012-11-25-first-post.markdown 
index.markdown 

Trong index.markdown của tôi, tôi muốn bao gồm một post-entry.html như thế này:

{% for post in site.posts %} 
* {% include post-entry.html %} 
{% endfor %} 

Nhưng điều này dường như là một đoạn mã HTML trong blog. Làm thế nào tôi có thể ngăn chặn HTML được bảo vệ ?

Answer 1

Bạn có thể sử dụng thẻ chất lỏng trong bất kỳ tệp đánh dấu nào miễn là tệp có tiêu đề YAML. Ví dụ: hãy xem index.md được cung cấp trong số jekyllbootstrap template for Jekyll sites.

Nếu bạn liên kết đến chỉ mục thực tế của bạn.markdown hoặc chính kho lưu trữ của bạn (ví dụ: nếu nó trên github), chúng tôi có thể có ý tưởng tốt hơn về những gì đã xảy ra. Ví dụ của bạn sẽ hoạt động, mặc dù bạn có thể cần sử dụng phần tử danh sách HTML <li> thay vì đánh dấu *.

Answer 2

Bạn không thể. Tệp đánh dấu chỉ là các tệp văn bản có kiểu dáng. Nếu bạn muốn sử dụng thẻ Chất lỏng, bạn sẽ phải làm như vậy trong _layouts

Nếu tôi đoán bạn muốn tệp đánh dấu này trên trang chỉ mục của bạn? Vì vậy, trong bố cục default.html sau thẻ {{content}}, bạn có thể sử dụng các thẻ chất lỏng bạn muốn sử dụng. Không cần phải trộn các tệp đánh dấu bằng mã.

Answer 3

Sử dụng {{ post.content }} để thay thế.

Dưới đây là đoạn code tôi sử dụng trên trang web của tôi như là một ví dụ:

{% for post in site.posts %} 
    <a href="{{ post.url }}"> 
     <h2>{{ post.title }} &mdash; {{ post.date | date_to_string }}</h2> 
    </a> 
    {{ post.content }} 
{% endfor %} 

Answer 4

Vấn đề là phân tích cú pháp xem HTML như các khối mã. Cách tốt nhất là nên tắt khối mã như tôi asked in this question

Để làm việc xung quanh sử dụng thẻ thay thế:

{% capture includeGuts %} 
{% include post-entry.html %} 
{% endcapture %} 
{{ includeGuts | replace: ' ', ''}}