在 Jekyll 中设置活动链接不起作用

Question

我试图在 Jekyll 中简单地设置我的活动链接的样式，但未能成功地让它们正常工作。

这是我试图让他们工作的网站：http://concisecss.github.io/concise.css，您可以在此处查看源代码：https://github.com/ConciseCSS/concise.css/tree/gh-pages。

我将这个 YAML 代码放在我的 _config.yml 中来定义我的顶级导航：

# Main Navigation
nav:
- text: Welcome
  url: /concise.css/
- text: Why Concise
  url: /concise.css/why-concise/
- text: Get Started
  url: /concise.css/get-started/
- text: Documentation
  url: /concise.css/documentation/layout/container/
- text: Add-Ons
  url: /concise.css/add-ons/

然后在我的header.html 包含，这是我的导航所在，我有：

{% for link in site.nav %}
  <li>
    <a {% if link.url == page.url %}class="active"{% endif %} href="{{ link.url }}">{{ link.text }}</a>
  </li>
{% endfor %}

但是，每当我在其中一个导航链接上时，都不会添加活动类（当你在上面时，链接应该是粉红色的。

其他一切都运行良好，所以我假设这可能只是我遇到的一个小问题。

编辑：这是我的一个页面上的前端内容：

---
layout: why-concise
title: Why Concise
permalink: /why-concise/
---

Answer 1

我刚刚在我的博客项目中做了同样的事情，还没有向你展示，但它的工作原理是这样的：

1.创建一个数据文件nav.yml 文件并将导航文本和URL 写入文件夹_data。

nav.yml

- text: Welcome
  url: /concise.css/

- text: Why Concise
  url: /concise.css/why-concise/

- text: Get Started
  url: /concise.css/get-started/

- text: Documentation
  url: /concise.css/documentation/layout/container/

- text: Add-Ons
  url: /concise.css/add-ons/

2.在您的 html 页面中，您将通过 yml 文件中的数据菜单列表创建一个循环。

{% for nav in site.data.nav %}
<li{% if nav.url == page.url %} class="active"{% endif %}><a href="{{ nav.url }}">{{ nav.text }}</a></li>
{% endfor %}

如果您在 nav.yml 中设置了url:/concise.css/why-concise/，请记住确保您在 nav.yml 中写入的永久链接相同，因此您的永久链接在前面的内容中应该相同。

---
layout: why-concise
title: Why Concise
permalink: /concise.css/why-concise/
---

更新： @Keenan 这里是一个例子http://adrianorosa.com，我之前告诉过你。 可以在https://github.com/adrianorsouza/adrianorosa.com找到源代码