Bildeinstellungen funktionieren auf separaten Seiten unterschiedlich von Jekyll

Question

Ich versuche, ein persönliches Blog auf Github-Seiten mit Jekyll zu erstellen. Ich habe eine Reihe von Bildern hinzugefügt, aber bei der Anpassung ihrer Größen in CSS, habe ich unter Problem:

Auf der Startseite und über Seiten, CSS funktioniert gut, Bilder werden mit korrekten Größen gezeigt, aber auf Code und Leben Seiten, CSS doesn arbeite nicht. Ich denke, es hatte etwas mit dem relativen Pfad zu tun, aber ich weiß nicht, wie ich es beheben soll.

<link rel="stylesheet" href="assets/style.css"> 

Hier ist meine github repo, bitte helfen Sie mir freundlich aus, danke.

Answer 1

in _config.yml, setzen baseurl: ""

und Link-Stylesheet wie unten:

<link rel="stylesheet" href="{{ site.baseurl }}/assets/style.css">

Answer 2

Die CSS-Datei wird mit einem relativen Pfad geladen. Es funktioniert also nicht, wenn der URL-Pfad mehr als eine Ebene hat. Um ihn zu korrigieren, verwenden Sie einen absoluten Pfad.

Sie können den Filter absolute_url verwenden, der den URL- und Baseurl-Wert dem Eingang voranstellt.

ändern

<link rel="stylesheet" href="assets/style.css"> 

dieser

<link rel="stylesheet" href="{{'assets/style.css'|absolute_url}}">