Navbar Links arbeiten falsch in Jekyll

Question

Ich habe eine einfache Navbar mit 3 Nav Tabs mit Twitter Bootstrap auf Github Seiten hinzugefügt, aber ich weiß nicht, warum es seltsam verhält.

<ul class="navbar-nav mr-auto"> 
 
    <li class="nav-item active"> 
 
    <a class="nav-link" href="#">Code<span class="sr-only">(current)</span></a> 
 
    </li> 
 
    <li class="nav-item"> 
 
    <a class="nav-link" href="category/life/index.html">Life</a> 
 
    </li> 
 
    <li class="nav-item"> 
 
    <a class="nav-link" href="aboutme.html">About</a> 
 
    </li> 
 
</ul>

1. auf der Seite des Lebens, wenn man über einen Klick auf, irgendwie fordert er unter url und es gibt ein 404. Natürlich 404, aber warum nicht geht es direkt zu aboutme.html in der Basis-URL? Über die Seite funktioniert, wenn auf die Startseite geklickt wird.

https://yinkouya.github.io/category/life/aboutme.html

2. auf der Seite des Lebens, wenn wieder auf dem Leben zu klicken, dann ist es 404 wie folgt aus:

https://yinkouya.github.io/category/life/category/life/index.html

klar, dass etwas ist falsch, aber ich kann die Antwort nicht finden.

Answer 1

Das Problem hat nichts mit Bootstrap zu tun, sondern mit, wie Jekyll die URLs generieren.

Über Link funktioniert aus Startseite, weil es ein relativer Pfad ist, und Home-Pfad hat keine Unterebenen.

Leben Seite hat eine /category sublevel so die über relativ Seite Zugang zu /category/about versuchen wird, das ist 404.

Lösung gibt die über Seite und andere Kategorien als vollständige Pfade zu setzen, nicht relativ:

 <li class="nav-item"> 
      <a class="nav-link" href="{{'category/life/index.html' | absolute_url }}">Life</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link" href="{{'aboutme.html'|absolute_url}}">About</a> 
     </li>