Question

如何编辑此html以便我可以自定义照片的宽度，tumblr似乎不喜欢将照片集大小更改为更大的内容。我已经查了一下，但是不明白maxwidth:600px适合哪里，或者这是否是最好的方法。

非常感谢能帮助我的人

{block:Photo}

  <div class="permalink">
    {block:IfNotDisqusShortname}<a href="{Permalink}">&rarr;</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>&nbsp; {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>

  </div>

  {block:PostNotes}
    <div>{PostNotes}</div>
  {/block:PostNotes}

{/block:Photo}

Answer 1

从500px扩大使其更加模糊。 Tumblr确实存储了比500px更宽的图像副本。它被称为HighRes，它是（最多）1280px。

在您的主题HTML中，例如，将photoURL-500替换为photo-HighRes，然后从中调整大小。

在我的主题中，我这样使用它：

{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}/>

它将索引的1280px缩小到435px，并将永久链接页面缩小到900px，如下所示：http://phillypraxis.tumblr.com/tagged/images

Answer 2

如果我理解你的问题，你可以在图片标签的alt属性之前添加width =“600”：

<img src="{PhotoURL-500}" width="600" alt="{PhotoAlt}"/>

Answer 3

检查slidestheme.tumblr.com，查看此行的源代码：

enter code herereplaceRawPhotoLinks: function() {
      $("article.photo div.media a[href*='/photo/1280']").each(function() {`enter code here`

增加tumblr照片尺寸

3 个答案: