我需要设置Octopress中所有标记为'old'的帖子的样式。比如,只显示档案中的标题和图像,并将它们分开!我怎样才能做到这一点? (注意:旧帖子中有近1,500个帖子)
答案 0 :(得分:0)
我假设您有一个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
能够完成大部分工作与样式特别标记的帖子相关的任务。
答案 1 :(得分:0)
您可以简单地将标签用作css类:
<ul>
{% for post in site.posts %}
<li><a href="{{ post.url }}" class="tags {{ post.tags | join:' ' }}">{{ post.title }}</a></li>
{% endfor %}
</ul>
通过这种方式,您可以通过css为任何标签轻松设置链接样式。