html - 将 tumblr 照片直接链接到源

Question

我试图让我的 tumblr 帖子在点击时直接链接到源，而不是转到帖子页面并在那里点击源链接。

这是我用于照片帖子的代码。

{block:Photo} <div class="permalink"><a href="{Permalink}">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a></div> <div class="photo"> <div class="photobox"><a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a></div> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </div> {/block:Photo}

我尝试将照片框的“永久链接”更改为来源等，但无济于事。

有人有什么想法吗？

Answer 1

希望需要它的人能找到它，这是我发现的一种显示{LinkURL}何时可用的方法，以及其他一些不可用的 url。

---

Tumblr 提供在可用时{block:LinkURL}显示一些代码，但在不可用时不可用。{LinkURL}{block:NoLinkURL}{LinkURL}

理想情况下，这应该是可能的：

<a 
{block:LinkURL}href="{LinkURL}"{/block:LinkURL}
{block:NoLinkURL}href="{Permalink}"{/block:NoLinkURL}> <!-- does NOT work -->
    <img src="{PhotoURL-400}"/>
</a>

但{block:NoLinkURL}不存在，所以我{block:LinkURL}用来劫持普通链接：

<a {block:LinkURL} href="{LinkURL}" data-ignored-{/block:LinkURL}href="{Permalink}">
    <img src="{PhotoURL-400}"/>
</a>

如果{LinkURL}可用，则两个链接都将在 HTML 中，但只会读取一个。

示例输出

这是不可用时的输出：{LinkURL}

<a href="/permalink">
    <img src="/image.jpg"/>
</a>

这是何时{LinkURL}可用的输出：

<a href="/linkurl" data-ignored-href="/permalink">
    <img src="/image.jpg"/>
</a>

Answer 2

评论后编辑

它应该是<a href="{LinkURL}">

您必须确保在添加图像时也将目标指定为 tumblr 之外。