tumblr - 从 Tumblr 照片集中提取第一张图片？

Question

我正在为一位想要使用 Tumblr 的 Photoset 功能创建作品集网站的婚礼摄影师设计一个主题。

如何从照片集中提取第一张图像，以便创建一个带有链接到每个照片集的单个缩略图预览(大小取决于我的选择)的主页？

谢谢，帕里

Answer 1

似乎没有办法限制它们，但您可以将它们注释掉。此解决方案的优点是根本不会加载隐藏的图像并且它不需要任何javascript

{block:Photoset}
    <!-- Go through each Photo in the Photoset -->
    {block:Photos}
        <img src="{PhotoURL-HighRes}" class="highres">
        <!--
    {/block:Photos}
    -->

    {block:Caption}
        <p>{Caption}</p>
    {/block:Caption}
{/block:Photoset}

看到 <!--之前 {/block:Photos} ?这会在第一张图像之后打开一个 HTML 注释，因此循环中的其余图像将在注释中，不可见。循环结束后，我们用 --> 关闭评论。 .完成后，photoset 中第一张图片之后的所有图片都将被隐藏。