FPs

给Pelican 添加Twitter Card

之前发Tweet 的时候,发现有些链接能够被识别出内容,带着一个“卡片”。

例如:

twitter_card_demo

twitter_card_demo_2

一开始以为是Twitter 对某些网站的特殊照顾,最近喵了下某个网址的源码,才明白是需要自己设置的。

twitter_card_meta

  • twitter:card 是类型,常见的有summary 和summary_large_image
  • twitter:site 是网站的twitter 帐号
  • twitter:title 卡片显示的标题
  • twitter:description 卡片显示的内容概述
  • twitter:images 卡片中的图片

细节可以参考:Twitter Developer Documentation

对于我的个人博客来说,summary 类似的卡片就够用了,给每篇文章找个配图也挺累的。

博客是用Pelican 生成的,找了一下插件,果然有一个,我fork 了下,修了一个bug :twitter_card

按照插件的说明搞完之后,测试一下,可以用这个工具:Card validator

twitter_card_validator

搞定,然而并没有什么卵用。

2017-08-21 pelican