jekyll - tạo danh sách trang.tags

Question

Tôi mới tham gia và đang làm việc để xây dựng trang web của mình.

Tôi có bố cục "bài đăng" nơi tôi muốn có tất cả các thẻ được liên kết với bài đăng xuất hiện ở cột bên trái. Vấn đề tôi đang gặp phải là việc sử dụng {{page.tags}} trả về danh sách các thẻ không được phân tách bằng dấu phẩy và trông lộn xộn. Xem ở đây để xem example.

Mã html cho trang bố trí là:

<div class="span3"> 
    </br> 
    <img src="{{ page.root }}assets/img/glyphicons_045_calendar.png" /> {{ page.date | > date: "%d %B %Y" }}  
    </br> 
    <img src="{{ page.root }}assets/img/glyphicons_066_tags.png" /> {{ page.tags }} 
</div> 

<div class="span9"> 
    <h1> {{ page.title }} </h1> 
    {{ content }} 
</div> 

Bất kỳ lời khuyên về cách (a) có được danh sách các thẻ để được bằng dấu phẩy và (b) quấn xung quanh để nó chỉ nằm trong cột bên trái ? Cảm ơn!

Answer 1

Bạn có thể thử đặt chúng vào trong một thẻ <p> để chúng có thể quấn quanh.

Để có chúng bằng dấu phẩy, bạn có thể làm theo các tài liệu Jekyll và sử dụng:

{{ page.tags | array_to_sentence_string }} => foo, bar, and baz 

Như là nói in the Jekyll wiki.

Answer 2

Để kiểm soát chính xác hơn những gì bạn có thể làm với các thẻ sử dụng for điều hành:

<ul> 
{% for tag in page.tags %} 
    <li> {{tag}} </li> 
{% endfor %} 
</ul> 

Ví dụ này được lấy nguyên văn từ nơi nào đó. Ngoài ra còn có thêm control structures để lựa chọn.