javascript - Twitter Open Graph 图像未显示

Question

我正在尝试在网站中实现 OpenGraph。这是我的元数据代码：

<!-- open-graph basic tags -->
<meta property="og:title" content="Philippine Standard Geographic Code API" />
<meta property="og:site_name" content="Wareneutron - PSGC API" />
<meta property="og:description" content="API used for listing all the region, province, city, municipality, barangay, and its data. Philippine Standard Geographic Codes (PSGC) data came from Philippine Statistics Authority." />
<meta property="og:url" content="https://psgc-api.wareneutron.com/" />
<meta property="og:type" content="website" />
<meta property="og:image" content="/assets/wareneutron_psgc_api_opengraph.jpg" />
<meta property="og:image:alt" content="PSGC Banner" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="640" />
<!-- Twitter open-graph tags -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:image:alt" content="PSGC API Banner" />

它适用于 Facebook 共享调试器，输出如下：

但图像未显示在 twitter 卡验证器中：

我要显示的图像在我的资产文件夹中，结构如下：

感谢你们对我的帮助。

标签： javascripthtmlfacebook-opengraphshare-open-graph

Answer 1

我必须托管我的图像（我选择了 S3 存储桶），并且它只有在我提供一个 url 作为我的内容而不是我的本地文件时才有效。