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

搞定,然而並沒有什麼卵用。

This article is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
If you reprint it, please indicate the source: http://fangpeishi.com/pelican_twitter_card.html