在Jekyll上的Liquid中为导航创建“当前”链接

Question

感谢您的宝贵时间。我已经基于Jekyll教程站点构建了一个站点，因此它使用相同的导航设置。我已经对其进行了修改，使其具有“当前”链接，以便可以在导航中设置当前页面的样式。刚开始时效果很好，但是一旦我添加了自己的CSS，它就在Liquid中损坏了。要点如下：

<nav>
    <ul>
        {% for item in site.data.navigation %}
        <li>
            <a href="{{ item.link }}"
            {% if page.url == item.link %} 
                class="current"
            {% else %}
                class = "not-current"
            {% endif %}>{{ item.name }}</a>
        </li>
        {% endfor %}
    </ul>
</nav>

这是我的navigation.html包含的内容，这是我的导航数据：

- name: Home
  link: /
- name: About
  link: /about.html

此代码已成功将“当前”类添加到导航“主页”中的索引页面链接。但是当我开始讲时，在开发人员工具中，该类应为当前类时显示为“非当前”。

给定的Liquid正在运行，因为我的'Home'标签获得了'current'类，并且直接来自Liquid If / Else。当我单击导航中的“关于”链接时，“家庭”和“关于”都具有“非当前”类。有小费吗？预先感谢。

编辑：可以看到here