增加tumblr照片大小 [英] Increase tumblr photo size
问题描述
如何编辑此html,以便我可以自定义照片的宽度,tumblr似乎不喜欢将照片集大小更改为任何更大的。我已经抬头了,但不明白 maxwidth:600px
在哪里,或者这是最好的方法。
How do I edit this html so I can customize the width of a photo, tumblr doesn't seem to like changing the photo set size to anything bigger. I have looked up, but don't understand where a maxwidth:600px
would fit in or if this is even the best way to do it.
大大感谢任何可以帮助我的人
Massive thanks to anyone who can help me out
{block:Photo}
<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">→</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>
<div class="photo post">
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{LinkCloseTag}
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>
</div>
{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}
{/block:Photo}
推荐答案
放大 500px
使其模糊。 Tumblr实际上存储你的图像的副本比 500px
。它叫做 HighRes
,它是(最多) 1280px
。
Enlarging from 500px
makes it blurrier. Tumblr does actually store a copy of your image wider than 500px
. It's called HighRes
, and it's (up to) 1280px
.
在您的主题HTML中,将 photoURL-500
替换为 photo-HighRes
。
In your theme HTML, Replace photoURL-500
with photo-HighRes
, for example, and resize from that.
在我的主题中,我使用它:
In my theme, I use it like so:
{block:PermalinkPage}<a href="{PhotoURL-HighRes}">{/block:PermalinkPage}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" {block:IndexPage}width="435px"
{/block:IndexPage}{block:PermalinkPage}width="900px"{/block:PermalinkPage}/>
它会将1280像素缩小为435像素,并将其缩小为900像素的固定链接网页见此处: http://phillypraxis.tumblr.com/tagged/images
It shrinks the 1280px down to 435px for the index and shrinks it to 900px for the permalink page, as seen here: http://phillypraxis.tumblr.com/tagged/images
这篇关于增加tumblr照片大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!