Warum mein Hugo-Theme-Host auf der GitHub-Seite den CSS-Stil verloren hat?

Question

Hier ist meine GitHub Seite: http://cecilialee.github.io

Hier sind die Quelldateien: https://github.com/cecilialee/cecilialee.github.io https://github.com/cecilialee/cecilialee-source

Ich versuche, einen Hugo Blog auf meiner GitHub Seite einrichten. Ich folgte den Anweisungen hier: https://gohugo.io/themes/installing-and-using-themes/

aber nachdem ich hugo verwenden, um die Website in public (in cecilialee-source) zu bauen und schieben public zu https://github.com/cecilialee/cecilialee.github.io, nur die Seite funktioniert nicht. Die Hugo Seite ist da, aber sie hat alle CSS Stile verloren.

Was ist los?

Answer 1

Sehen Sie sich den gerenderten HTML-Code an, den Ihre Site zurückgibt.

<link rel="stylesheet" href="http://cecilialee.github.iocss/style.css">

Insbesondere beachten Sie, dass eine fehlende / zwischen github.io und css/ bei jedem Auftreten.

Außerdem habe ich festgestellt, dass Ihre Website über HTTPS bedient wird und dass diese Links suchen HTTP Referenzen. Um dies zu beheben, müssen Sie Ihre Basis-URL mit https:// definieren.

Wenn Sie noch nicht in Entwickler-Tools für Ihren Browser der Wahl geschaut haben, würde ich es sehr empfehlen. Für jeden Browser ist eine Dokumentation verfügbar - this page beschreibt diese für Google Chrome.

Das Öffnen von Entwicklertools weist im Allgemeinen auf Fehler wie diesen hin.