Github Pages und SASS - Projektseite lädt keine Bilder

Question

Ich habe jetzt viel Zeit damit verbracht, das herauszufinden, aber ich kann mir einfach keine Lösung einfallen lassen. Grundsätzlich funktioniert ein relativer Link wie dieser einfach nicht:

Ich weiß nicht warum. In meinem anderen Projekt funktionieren solche relativen Verbindungen gut. Der einzige Unterschied ist, dass ich hier SASS/SCSS benutze, und ich weiß nicht, was ich tun soll. Ich habe bereits versucht, direkte Links zu den Bildern im Repo zu verwenden, aber das hat auch nicht funktioniert.

Es ist auch seltsam, dass die SCSS funktioniert, also alle Stile usw. sind da, es sind nur die URLs, die ein Problem machen.

Ich habe keine _config.yml Datei, da es nicht mehr notwendig ist, relative Links zu haben - naja vielleicht nicht mit einem css Präprozessor?

Answer 1

so für jeden, der hier ein ähnliches Problem hat ist meine Lösung:

hatte ich den Pfad der URL auf den Pfad der SCSS-Datei festgelegt und nicht auf die main.css, so stattdessen oof mit

background-image: url(../../img/footer_lodyas.png);

, die für den Weg meiner SCSS-Datei, die ich es auf den Pfad meines main.css geändert gültig wäre. Jetzt funktioniert alles auf github, ohne auch nur eine _config.yml-Datei zu verwenden.

background-image: url(../img/footer_lodyas.png);

Es hat, so sein, weil mein main.css in einem Ordner ist „css“, die in dem gleichen Ordner wie mein Ordner „img“ ist.