Tumblr 模板显示帖子限制答案

【问题标题】：Tumblr template showed posts limitTumblr 模板显示帖子限制
【发布时间】：2015-01-15 12:48:04
【问题描述】：

我是 Tumblr 的新手，我需要帮助。

{block:Posts}
   {block:HasTags}
      {block:Tags}
           <li><a class="meta-item tag-link" href="{TagURL}">#{Tag}</a></li>
      {/block:Tags}
   {/block:HasTags}
{/block:Posts}

这部分显示所有哈希标签，但我只需要显示 10 个标签。如何在{block:Posts} 上添加一些限制

【问题讨论】：

那是什么语言？您可以尝试使用循环吗？是不是没有某个地方可以设置标签限制？
我不知道语言是什么，它是一种 tumblr 语言，循环是 {block:Posts} 。不是它在 tumblr 计数器中的唯一显示，但它不能帮助解决这个问题
您想要 JS 还是 CSS 解决方案？因为这是解决这个问题的唯一方法。据我所知，没有 Tumblr 代码解决方案。
也许是 js。但使用 tumblr 代码会更好

标签： html post limit tumblr

【解决方案1】：

@Ally 是正确的。 {block:Posts} 用于循环渲染帖子。你不能用它来限制标签。

使用 CSS 的一种方式：

.tags li {
    display: none;
}
.tags li:nth-child( -n+10 ) {
    display: inline
}

【讨论】：

【解决方案2】：

正如其他人提到的那样，Tumblr 似乎没有解决方案。

您可以使用下面的 jquery 解决方案。大多数 tumblr 主题都包含 jquery，如果您的主题不包含 jquery，则安装起来相对容易。

这是一个非常简单的 jquery 解决方案：

1：JSFIDDLE

 $('.tag-link:gt(9)').hide();

它简单地说，找到每个具有标签链接类的href并隐藏10以上的任何内容。这可能只会显示整个页面上的前10个标签链接，所以你可能需要修改它，在猜猜它看起来像这样：

 $('.post .tag-links:gt(9)').hide();

这是一个纯 css 解决方案（虽然它在 IE7 或更低版本中不起作用）

2：JSFIDDLE

css 看起来像这样：

 li:nth-child(n+11) {
    display: none;   
 }

这应该适用于我认为页面上的每个帖子。

希望这些解决方案之一可以提供帮助。如果您需要更多信息，也许我们需要查看您的主题或您的一些代码，但您也可以使用 jsfiddles。

附录：看看这个，这里讲的是完整的标签列表。 https://webapps.stackexchange.com/questions/20616/is-there-a-limit-to-the-number-of-tags-tumblr-can-remember

【讨论】：