Cloudflare Pages 用

Twitterカード Pages版 スターター

このままCloudflare Pagesにアップできます。Xでカード表示したいURLは、/cards/xxx.html の各ページです。

  1. cards/sample-01.html などを開いてタイトル・説明・画像URL・遷移先URLを書き換える
  2. 必要な分だけ複製して sample-02.html のように増やす
  3. フォルダごとZIPでCloudflare Pagesへアップ
  4. 公開後、https://あなたのpages.dev/cards/sample-01.html をXへ貼る

サンプルカード 01

/cards/sample-01.html

ベーシックな large image カードです。

サンプルカード 02

/cards/sample-02.html

別内容のカード例です。

ポイント

  • 画像URLは外部公開済みのURLを使う
  • metaタグはHTMLのhead内に直接書く
  • JSだけでカード内容を差し替えない
Pagesのアップロード方式向けに、できるだけシンプルな構成にしています。