2

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 %}
4

1 に答える 1