Twitter Card分享配置

Sat, 21 Mar 2026 21:56:10 +0800

平时需要推特X进行分享博客内容，一方面就是单纯分享，一方面也算是个人推广吧。有时发现博客的图片没有正确显示，有时也觉得标题内容不合适等等，研究后发现是Twitter Card也是可以进行配置的，下面是一些基本的配置项，供大家参考。

配置

 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:site" content="@alanhe421">
 <meta name="twitter:creator" content="@alanhe421">
 <meta name="twitter:title" content="文章标题">
 <meta name="twitter:description" content="文章描述">
 <meta name="twitter:image" content="https://...图片URL">
 <meta name="twitter:image:alt" content="图片描述">

关于分享文章-图片的建议

以我个人blog为例。我取图片的逻辑优先级如下。

twitter:image 优先级（高→低）：

twitter[0].image（frontmatter twitter: - image:）
image.filename（frontmatter，HTTP URL）
内容第一张图（$first_content_image）
featured_image 文件（页面目录下 featured 资源）
assets/media/sharing.png（站点兜底图）

card validator

以前为了验证配置是否正确，都是可以访问Card validator,现在这个站点功能已经无法用了。目前唯一的办法是直接发推上进行预览即可，或者别点发布，其实也可以看出来是否正确了。

最终效果

配置正确，但不work？

缓存问题，可以尝试重新发链接，让推重去抓取就行了。

写在最后

以上就是一些关于Twitter Card的配置和使用建议了，欢迎大家参考使用，如果有更好的建议也欢迎留言交流。