幽灵博客-空导航

Question

我想在我的幽灵博客上设置一个自定义导航，但是即使是文档中的简单演练也给了我空白的输出。我还可以确认{{#if @blog.navigation}值为true，如下所示。

鬼版: 0.11.4

数据库: mysql

ghost/content/themes/omikron_1.4/partials/navigation.hbs

{{!-- Navigation --}}
<ul class="nav navbar-nav navbar-right doYouReadMe {{#if @blog.navigation}}weHaveNav{{/if}}">
    {{#foreach navigation}}
        <a href="{{url absolute="true"}}">{{label}}</a>
    {{/foreach}}
</ul>

我添加了"doYouReadMe“类来确认这个文件实际上是被引用的。我还添加了条件，以确认Ghost看到导航项的存在。然后我重新启动幽灵，导航元素为空，并添加了类：

<ul class="nav navbar-nav navbar-right doYouReadMe weHaveNav">
    ::before
    ::after
</ul>

还确认了值在db中，它们似乎被正确地格式化了。这里没有问题的其他证据是，管理区域中的导航页面加载内容时没有任何问题：

mysql> select settings.key, settings.value from settings where settings.key = 'navigation';
+------------+-------------------------------------------------------------------------------------------------------------+
| key        | value                                                                                                       |
+------------+-------------------------------------------------------------------------------------------------------------+
| navigation | [{"label":"test google","url":"https://google.com"},{"label":"test facebook","url":"https://facebook.com"}] |
+------------+-------------------------------------------------------------------------------------------------------------+
1 row in set (0.00 sec)

Answer 1

问题是在我的主题插入导航在我的标题部分。

错误的代码是：

{{> navigation}}

我修正了这一点，将其修正为：

{{navigation}}

Answer 2

有时，幽灵导航不被理解为数组。

我对幽灵侧边栏的主题有一个简单的问题，我用以下方法解决了这个问题：

{{navigation}}

然后对呈现的元素进行样式化。替换你的

{{#foreach navigation}}
    <a href="{{url absolute="true"}}">{{label}}</a>
{{/foreach}}

与{{navigation}}

这是一个与主题本身有关的问题。

Answer 3

它与把手相关，如果您使用的是自定义模板，则可以使用以下内容：

 {{#each @site.navigation}}
        <li class="nav-item {{#if this.current}} active {{/if}}">
            <a class="nav-link" href="{{this.url}}">{{{label}}}</a>
        </li>
    {{/each}}