JekyllでTwitter cardのサムネイル画像を設定する

スポンサードリンク

Twitter cardで見た時にデフォルトも味気ないし、
サムネあった方がいいと思いやってみた。

▼ 参照

以下のコード(波括弧は全角→半角)をヘッダーに書いて(_includes/meta.htmlなど経由してもOK)、

{% if page.thumb %}
  <meta name="twitter:image" content="{{ page.thumb }}" />
{% else %}
  <meta name="twitter:image" content="logo.png(デフォルト用の画像URL)" />
{% endif %}

記事ファイルのFront Matterに「thumb」という項目を作り、そこに画像URLを書けばOK。

最近(一昔前?)の流行り的にはindex(トップ画面)にサムネイルを表示するのもありだよなーと思いつつ、あんま設定することはない気がするのでとりあえずテキストオンリーでやってく。

あき(akio6o6)

穏健派ネットジャンキー。「Twitter」と「はてブ」がわりとアクティブ。Pentatonix・プレーンテキスト・WorkFlowy・情報カード・Monument Valley・ハースストーンが好き。ポータルサイトはこちら

アキメモ とは

その時々興味のあることを書いているブログ。ネット・アプリ・Webサービス関連が多め?ほぼ毎晩_古き良き_羅列型個人ニュースサイト風の記事も投稿中。詳細やお問い合わせはAboutで。