Problem mit Jekyll auf GitHub

Question

Ich habe ein Problem mit dem Laden von Arbeitsabschnitt, auf meiner Website. Dies ist der Repo: https://github.com/Vukasin90/test/blob/gh-pages/_includes/work.html

und das ist das wir Website: https://vukasin90.github.io/test/

, wenn Sie die Thumbnails klicken, sollte es eine bounch von Bildern und Absätze öffnen, im Grunde ein HTML-Dokument.

Wenn ich es lokal ausführen, funktioniert es gut, aber auf Gh-Seiten wird es nicht geladen (es gibt nur eine Spinner-Animation, die ich zeigen, wenn das Laden langsam ist).

Ich vermute, dass es so auf GitHub nicht gemacht werden kann, aber ich habe keine Ahnung, wie man dieses Problem umgehen kann. Oder vielleicht habe ich Fehler mit Links oder etwas gemacht. Ich weiß wirklich nicht

Answer 1

Ich denke, das ist ein Problem mit Ihrem js, nicht Jekyll.

JQuery anfordert: https://vukasin90.github.io/work/work-1.html

Statt https://vukasin90.github.io/Test/work/work-1.html

Es gibt andere js auch Fehler - andere 404s und blockierten Ressourcen.

Wenn Sie vollständige Pfade in jekyll verweisen möchten, sollten Sie site.url und site.baseurl mit so etwas wie verwenden:

..data-folder="{{ site.url|append: site.baseurl }}/work/work-1" style="background-image: url({{ site.url|append: site.baseurl }}/Assets/img/work/proj-1/thumb.jpg"..)

Haben Sie Spaß.

EDIT:

Geänderte oben zu zeigen, auf Seite besser ändert.

Alternativ kann, wenn Sie korrigieren möchten Ihre Inline relative Bezüge zu halten, so werden diese ändern:

...data-folder="../work/work-1"...

An:

...data-folder="../test/work/work-1"...

jedoch halten diesen Weg Referenz Problem im Auge zwischen Jekyll und deiner js könnte auf andere Weise auftauchen. Also empfehle ich, die Pfadreferenzen durchweg zu verwenden oder das js-Setup so zu ändern, dass es die baseurl enthält.