html 没有插件的嵌套页面导航

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 没有插件的嵌套页面导航相关的知识,希望对你有一定的参考价值。

{% capture html %}
<ul>
  {% if include.context == "/" %}
    <li class="{% if page.url == "/" %}active{% endif %}">
        <a href="{{ site.baseurl }}/">{{ site.title }}</a>
    </li>
  {% endif %}
  
  {% assign entries = site.pages | sort: "path" %}
  
  {% for entry in entries %}
    {% capture slug    %}{{ entry.url | split: "/"   | last                       }}{% endcapture %}
    {% capture current %}{{ entry.url | remove: slug | remove: "//" | append: "/" }}{% endcapture %}
    {% if current == include.context %}
      <li class="{% if page.url contains entry.url %}active{% endif %}">
          <a href="{{ site.baseurl }}{{ entry.url }}">{{ entry.title }}</a>
          {% include navigation.html context=entry.url %}
      </li>
    {% endif %}
  {% endfor %}
</ul>
{% endcapture %}
{{ html | strip_newlines | replace:'    ','' | replace:'    ','' | replace:'  ',' ' }}

以上是关于html 没有插件的嵌套页面导航的主要内容,如果未能解决你的问题,请参考以下文章

html 一页没有插件的滚动导航

Flutter 嵌套声明式导航

Vue 嵌套路由路由守卫

Django CMS:基于所选插件的页面内导航菜单

Flutter:带有嵌套导航的底部导航栏和更改选项卡时恢复根页面

iframe嵌套vue页面不能切换