Question

我想在我的幽灵博客上设置自定义导航，但即使documentation中的简单演练也会给我空白输出。我还可以确认 {{＃if @ blog.navigation}} 评估为true，如下所示。

鬼版：0.11.4
数据库：mysql

鬼/内容/主题/ omikron_1.4 /分音/ 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>

还确认了值在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}}

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

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

使用{{navigation}}

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

Answer 2

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

代码不正确：

{{> navigation}}

我通过纠正它来解决这个问题：

{{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}}

幽灵博客 - 空导航

3 个答案: