Jekyllの現在選択されているカテゴリアーカイブページにアクティブなクラスを追加します

Question

私はJekyllプロジェクトにcategory-archive pluginを使用しています。私は各カテゴリアーカイブページのカテゴリリストメニューを持っているので、ユーザは異なるカテゴリアーカイブ間をナビゲートすることができます。現在表示されているカテゴリアーカイブページのカテゴリリストリンクにclass = "active"を追加したいと思います。私はサイトのナビゲーションと同じようなものがありますが、page.urlとnavitem.urlを比較すると、違いはサイトナビの場合はconfig.ymlのnavitem.urlsのリストを指定し、カテゴリアーカイブの場合はカテゴリ名のリストは投稿自体に指定されたカテゴリに基づいて生成されたもので、{{category |最初の{％以内}}変数は％}演算子もしそうなら、私は「==」をチェックすることができいずれか、またはこれは私が現時点で持っているものですが、

<ul class="product-categories"> 
{% for category in site.categories %} 
    {% if page.url == {{ category | first }} %} 
    {% assign class = "active" %} 
    {% else %} 
    {% assign class = "" %} 
    {% endif %} 
<li> 
    <a href="/{{ category | first }}/" class="{{ class }}">{{ category | first }}</a> 
</li> 
{% endfor %} 

を動作していないよう

「が含まれています」

=助けてください）

Answer 1

クラス液体変数を使用すると、範囲外のそれを使用する際に空であるforループ内で、また、それはパスが含まれているため、代わりに==の「含まれている」でなければなりませんカテゴリには存在しないより多くの文字。

<ul class="product-categories"> 
{% assign class = "" %} 
{% for category in site.categories %} 
{% assign cat=category|first %} 
{% if page.url contains cat %} 
{% assign class = "active" %} 
{% endif %} 
<li> 
<a href="/{{ category | first }}/" class="{{ class }}">{{ category | first }}</a> 
</li> 
{% endfor %}