如何将 Tumblr 照片集与 Twitter 图库卡一起使用？答案

【问题标题】：How can I use a Tumblr photoset with the Twitter gallery card?如何将 Tumblr 照片集与 Twitter 图库卡一起使用？
【发布时间】：2014-02-27 18:49:48
【问题描述】：

我正在尝试使用 Twitter 的图库卡片来展示 Tumblr 照片集。这是代码的相关部分，使用 Twitter 验证一切都很好：

        {block:Photoset}
            <meta name="twitter:card" content="gallery">
            {block:Photos}<meta name="twitter:image" content="{PhotoURL-500}"/>{/block:Photos}
            {block:Photos}<meta name="twitter:image0" content="{PhotoURL-500}"/>{/block:Photos} 
            {block:Photos}<meta name="twitter:image1" content="{PhotoURL-500}"/>{/block:Photos} 
            {block:Photos}<meta name="twitter:image2" content="{PhotoURL-500}"/>{/block:Photos}
            {block:Photos}<meta name="twitter:image3" content="{PhotoURL-500}"/>{/block:Photos}
            {block:Caption}<meta name="twitter:title" content="Photo Gallery"/>{/block:Caption}
        {/block:Photoset}

但是，如果您仔细观察，您可能会发现我的问题。我不知道如何获取每个图像的唯一 URL。 {PhotoURL-500} 总是只返回相同的图像。根据我对 Tumblr 文档 (http://www.tumblr.com/docs/en/custom_themes#photoset-posts) 的明显错误阅读，{block:Photoset} 中的 {block:Photos} 似乎应该循环通过。

我错过了什么？

另外 - 是的，我知道我已经硬编码了 twitter:Title 的内容。

【问题讨论】：

标签： tumblr twitter-card

【解决方案1】：

目前还不可能。

问题是{block:Photos} 将遍历每张照片并在该标签内呈现标记，但您无法手动控制它来精确定位单张照片。

您的代码所做的是，对于每张照片，它会渲染 Twitter 标记 4 次；如果 Twitter 接受多个图像而不需要像image0、image1 等像OpenGraph 那样明确声明它们，那将不是问题（您想要的可以使用 OpenGraph，只需放入一个元标记一个照片块，它会为每张照片呈现），但看看 Twitter 对开发者的敌意是如何越来越多的，他们方面的修复希望渺茫。

【讨论】：