Liquid テンプレート言語を使用する Jekyll では、ブログ ページにいて、最新の 6 つのブログ投稿を表示しています。投稿ごとに、投稿日、名前、抜粋、投稿 URL をリンクで表示します。
また、この投稿の最初のタグ (たとえば、「フロントエンド開発」) を表示できるようにしたいと考えています。ただし、投稿に複数のタグが関連付けられている場合は、「タグを表示」というフォールバック メッセージを表示して、他のタグへのリンクを含むドロップダウンを切り替えます。順序付けられていないリストを返すことができれば、そこから取得できるので問題ありません。
このコードは機能しませんが、うまくいけば、私が達成しようとしていることを示しています。
{% for tag in post.tags %}
{% if tag.size > 1 %}
<a class="toggle-tag-list">View tags</a>
<ul class="tag-list hidden">
<li><a href="{{ tag.url }}">tag 1</a></li>
<li><a href="{{ tag.url }}">tag 2</a></li>
<li><a href="{{ tag.url }}">tag 3</a></li>
</ul>
{% else %}
<a href="{{ tag.url }}">{{ tag }}</a>
{% endif %}
{% endfor %}