지킬에서 현재 선택된 카테고리 아카이브 페이지에 활성 클래스를 추가하십시오.

Question

내 Jekyll 프로젝트에 category-archive plugin을 사용하고 있습니다. 사용자가 각기 다른 범주의 아카이브간에 이동할 수 있도록 각 범주 아카이브 페이지에 대한 범주 목록 메뉴를 갖고 싶습니다. 현재보고있는 카테고리 아카이브 페이지에 대한 카테고리 목록 링크에 class = "active"를 추가하고 싶습니다. 나는 nav.eml과 navitem.url을 비교하여 사이트 탐색을 위해 비슷한 것을 가지고있다. 차이점은 사이트 탐색을 위해 config.yml에서 navitem.urls의리스트를 지정하고 category 아카이브의 카테고리 이름 목록은 다음과 같다. 게시물 자체에 지정된 카테고리를 기반으로 생성되며 {{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 %} 

당신이 범위를 벗어난를 사용하면 for 루프가 너무 비어있는 내부

도와주세요 =)

Answer 1

클래스 액체 변수이며, 또한 그것이 있어야 대신 ==의 경로가 포함되어 있기 때문에 "포함" 더 많은 문자가 카테고리에 없습니다.

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