在 Jekyll 模板中定义 Twitter 卡

Twitter卡是一个很好的方式,让你的内容在推文时突出。有几个格式可用,而 Summary /w Large Image是我的最喜欢。

 1<meta name="twitter:card" content="summary_large_image">
 2<meta name="twitter:site" content="@alligatorio">
 3<meta name="twitter:title" content="{{ page.title }}">
 4
 5{% if page.description %}
 6  <meta name="twitter:description"
 7    content="{{ page.meta_description }}">
 8{% else %}
 9  <meta name="twitter:description"
10    content="{{ page.content | strip_html | xml_escape
11      | truncate: 200 }}">
12{% endif %}

几个笔记

如果页面没有定义的元描述,我们会使用一些 Jekyll 模板过滤器来提取帖子的前 200 个单词,感谢 Paul Stamatiou为该技巧。

如果需要,你也可以定义一个 twitter:creator 用内容设置为特定的帖子的作者的 Twitter 帖子.也许为此,你可以看到作者是否定义在帖子的 Jekyll Front Matter中。

验证您的卡片

您可以使用 此工具来验证您的 Twitter 卡片. 对于具有大图像类型的简要卡片,需要 twitter:card, twitter:site, twitter:title 和 twitter:description。

Published At
Categories with 技术
Tagged with
comments powered by Disqus