在Jekyll模板中定义Twitter卡片

Twitter 卡片 是在 Twitted 时突出显示您的内容的好方法。 有几种可用的格式，Summary /w Large Image 是我的最爱。 这是我在我的 head.html 包含文件中的 Jekyll 中定义它的方式：

<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:card、twitter:site、twitter:title 和 twitter:description。