如果您在Jekyll中的单个帖子页面上，如何将“活动”类添加到导航链接

Question

我的个人网站是在Jekyll上开发的。 另外，我已经实现了active导航逻辑。 因此，如果我单击“日记”，它将带我到列表页面，您可以在其中找到所有帖子。

导航项目：

1. 家
2. 日志
3. 项目
4. 关于
5. 联系

现在，我正在寻找一种解决方案，当我在单个帖子页面或阅读帖子时，可以为“ Journal”提供活动课堂。

您可以考虑使用WordPress中的current-post-ancestor ， current-menu-parent或current-post-parent帖子类，以更好地理解此问题。

提前致谢。

Answer 1

如果“日志”是页面“ mysite.com/journal”，而您的帖子在“ mysite.com/journal/postdate/postname”上，则可以检查URL的第一部分是否等于菜单项，如下所示：

{% assign url_parts = page.url | split: '/' %}
<li {% if url_parts[1] == 'journal' %}class="active"{% endif %}> ... </li>

资料来源： http : //jekyllcodex.org/basics/

这可能需要自定义的永久链接。 有关自定义永久链接的信息可以在同一页面上找到。

Answer 2

每个帖子都有一个page.path变量，例如_posts/postName.md 。 因此，使用您的代码，您可以使用page.path contains "_posts/"如下所示：

<li {% if page.url == '/journal/' or page.url == '/post.html/' or page.path contains "_posts/" %} class="active"{% endif %}>
  <a href="{{ site.baseurl }}/journal">Journal</a>
</li>

注意：看来{% if page.url == '/journal/' || page.url == '/post.html/' || page.path contains "_posts/" %} {% if page.url == '/journal/' || page.url == '/post.html/' || page.path contains "_posts/" %} {% if page.url == '/journal/' || page.url == '/post.html/' || page.path contains "_posts/" %}无效。