css - 是否可以根据标签在 octopress 中设置帖子样式？

Question

我需要为 Octopress 中所有带有“旧”标签的帖子设置不同的样式。就像，在档案中只显示标题而不显示图像，并将它们分开！我怎样才能做到这一点？（注：有近 1,500 个贴有旧标签的帖子）

Answer 1

您可以简单地将标签用作 css 类：

<ul>
  {% for post in site.posts %}      
      <li><a href="{{ post.url }}" class="tags {{ post.tags | join:' ' }}">{{ post.title }}</a></li>     
  {% endfor %}
</ul>

这样，您可以通过 css 轻松为任何标签设置链接样式。

Answer 2

我假设你有一个old区分帖子的类，或者你可以用一个old_posts类来设置旧帖子列表的样式。您可以创建两个单独的列表：

<ul class="old_posts">
    {% for post in site.tags.old %}
        <li><a href="{{ post.url }}">{{ post.title }}</a></li>
    {% endfor %}
</ul>

<ul class="new_posts">
    {% for post in site.posts %}
        {% unless post.tags contains 'old' %}
            <li><a href="{{ post.url }}">{{ post.title }}</a></li>
        {% endif %}
    {% endfor %}    
</ul>

或者您可以创建一个列表，其中旧帖子接收特殊类别old：

<ul>
  {% for post in site.posts %}
      {% if post.tags contains 'old' %}
          <li><a href="{{ post.url }}" class="old">{{ post.title }}</a></li>
      {% else %}
          <li><a href="{{ post.url }}" class="new">{{ post.title }}</a></li>          
      {% endif %}
  {% endfor %}
</ul>

基本上, site.posts,post.tags和site.tags.TAGNAME, 和 Liquid 的if-else,for并contains能够完成大部分与样式相关的任务，特别是标记的帖子。