幽灵博客为班级提供页面菜单项的当前内容

Question

有没有办法将类“当前”赋予 Ghost 博客中的活动菜单项。 我需要给当前的类来突出显示当前的菜单项。

以下仅适用于主页。

{{#if current}} nav-current{{/if}}

谢谢。

Answer 1

我也有同样的问题。可以在我的本地计算机上运行，但不能在 Ghost 0.7.1 的服务器上运行，无论是哪个 Node 版本。所以这不是主题的错。

我联系了 Ghost Slack 频道的人，但没有人回复这个话题。

所以我只是在客户端通过JS处理它。不太好，但这对我有用，直到他们解决这个问题。

$('.nav a').each(function() {
    if($(this).attr('href') == window.location.href) {
        $(this).addClass('current');
    }
});

Answer 2

我遇到了同样的问题。您在导航中提供的 url 必须与页面的 url 相同。我忘记在我的 url 中添加尾部斜杠，因此 if 语句返回 false。

即

• yourblog.com/about

  会 不会 返回 true

但是

• yourblog.com/about/

  将返回 true。

Answer 3

也许这个可以工作。

{{link_class for="/about/"}}

就我而言，我成功做到了这一点。

{{#foreach navigation}}
    <li class="nav-item{{#match slug 'blog'}} {{link_class for="/blog/"}}{{/match}}">
        ...
    </li>
{{/foreach}}