将tumblr照片直接链接到源

时间:2012-04-04 08:48:29

标签: html tumblr

我试图让我的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}

我已经尝试将photobox'永久链接'更改为源代码等,但无济于事。

有人有任何想法吗?

2 个答案:

答案 0 :(得分:1)

希望有需要的人能够找到它,这是我发现{LinkURL}可用时的方式,以及其他时候不显示的方式。


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}

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

示例输出

<a href="/permalink"> <img src="/image.jpg"/> </a> 不可用时,这是输出

{LinkURL}

<a href="/linkurl" data-ignored-href="/permalink"> <img src="/image.jpg"/> </a> 可用时,输出的时间是

{{1}}

答案 1 :(得分:0)

评论编辑后

应为<a href="{LinkURL}">

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

enter image description here