Xác định Thẻ Twitter trong Mẫu Jekyll của bạn

Thẻ Twitter là một cách tốt để làm nổi bật nội dung của bạn khi Twitted. Có một số định dạng có sẵn, với Tóm tắt / w Hình ảnh lớn là yêu thích của tôi. Đây là cách tôi định nghĩa nó trong Jekyll trong file head.html bao gồm:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@alligatorio">
<meta name="twitter:title" content="{{ page.title }}">

{% if page.description %}
  <meta name="twitter:description"
    content="{{ page.meta_description }}">
{% else %}
  <meta name="twitter:description"
    content="{{ page.content | strip_html | xml_escape
      | truncate: 200 }}">
{% endif %}

Một vài lưu ý

Nếu không có mô tả meta nào được xác định cho trang, ta lấy 200 từ đầu tiên của bài đăng bằng cách sử dụng một số bộ lọc mẫu Jekyll . Cảm ơn Paul Stamatiou về thủ thuật. Nếu không có hình thu nhỏ nào được xác định cho bài đăng, ta sẽ lấy một hình ảnh bìa chung cho trang web.

Rõ ràng là bạn cần thay đổi trang twitter: để phản ánh trình điều khiển Twitter cho trang web . Nếu cần, bạn cũng có thể xác định twitter: người tạo với nội dung được đặt thành phần xử lý Twitter của tác giả bài đăng cụ thể. Có thể vì điều này, bạn có thể xem liệu tác giả có được xác định trong Jekyll Front Matter cho bài đăng hay không.

Xác thực thẻ của bạn

Bạn có thể sử dụng công cụ này để xác thực thẻ Twitter của bạn . Đối với Thẻ Tóm tắt với loại Hình ảnh Lớn, cần có twitter: card, twitter: site, twitter: title và twitter: description.

Tags:

Các tin liên quan