鬼博客-空导航答案

【问题标题】：Ghost blog - empty navigation鬼博客-空导航
【发布时间】：2020-06-05 00:03:10
【问题描述】：

我想在我的 ghost 博客上设置自定义导航，但即使是 documentation 中的简单演练也给我空白输出。我还可以确认 {{#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 看到导航项存在。然后我重新启动了 ghost，导航元素是空的，我添加了类：

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

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

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)

【问题讨论】：

标签： ghost-blog ghost

【解决方案1】：

有时幽灵导航不被理解为数组。
我对 ghost-sidebar 主题有一个类似的问题，我只使用了这个问题：
{{navigation}}

然后设置渲染元素的样式。替换你的

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

与{{navigation}}

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

【讨论】：

【解决方案2】：

问题在于我的主题在标题部分中插入了导航。

不正确的代码是：

{{> navigation}}

我通过将其更正为：

{{navigation}}

【讨论】：

【解决方案3】：

它与车把有关，如果您使用自定义模板，您可以使用：

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

【讨论】：