在 Jekyll 模板中定义 Twitter 卡片
Twitter 卡片是发布推文时突出显示内容的好方法。有几种格式可供选择,我最喜欢的是“摘要/带大图”。以下是我在 Jekyll 中的 head.html 包含文件中定义它的方式:
<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 %}
几点说明
如果页面没有定义元描述,我们会使用一些Jekyll 模板过滤器提取帖子的前 200 个字。感谢Paul Stamatiou提供的技巧。如果帖子没有定义缩略图,我们会提取网站的一般封面图片。
您显然希望更改 twitter:site 以反映您网站的 Twitter 名称。如果需要,您还可以定义一个 twitter:creator,将内容设置为特定帖子作者的 Twitter 名称。也许为此您可以查看Jekyll Front Matter中是否为帖子定义了作者。
验证您的卡
您可以使用此工具来验证您的 Twitter 卡片。对于带有大图像的摘要卡片类型,需要 twitter:card、twitter:site、twitter:title 和 twitter:description。