Neue Jekyll-Seiten, die nicht mit Stylesheet verknüpft sind

Ich habe eine neue Jekyll-Seite erstellt, einschließlich der entsprechenden YAML Front Matter-Info oben. Mein Problem ist, dass die Seite ohne Styles gerendert wird. Bei der Überprüfung sehe ich, dass das head-Tag leer ist, so dass das CSS nicht verlinkt. Ich bin sicher, dass ich etwas schmerzhaft offensichtlich vermisse, aber ich bin ratlos. Ich sehe, dass das Stylesheet mit der Indexseite verknüpft ist, nur nicht mit meiner neuen Seite und ich weiß nicht, was ich vermisse, um die Kopfdaten zu meinem Stylesheet hinzuzufügen. Hier ist, was ich auf meiner neuen Seite habe.Neue Jekyll-Seiten, die nicht mit Stylesheet verknüpft sind

--- 
layout: default 
title: New Site 
--- 

<div> 
    <div> 

     <h2> 
     <a href="test.html">Our Sweet Test Page</a> 
     </h2> 

     <section> 
     <article class="dope-page"> 
      <h1>Test Headline</h1> 
     </article> 
     </section> 

    </div> 
</div>

Quelle

2016-04-30 Jef

Wo setzen Sie die neue Seite ein? – iplus26

Es ist in meinem Stammverzeichnis neben index.html. Ist das korrekt? – Jef

Genau dies passiert, wenn Ihre Vorlage nicht geladen wird. Gibt es in Ihrem _layouts-Verzeichnis eine default.html-Datei mit einem Link zum Stylesheet?

Quelle

2016-04-30 15:22:52 JoostS

Ja, das ist auch mein Gedanke. Die Datei default.html existiert im _layout-Verzeichnis mit einem Link zum Stylesheet - funktioniert gut für die Indexseite, aber nicht für meine neue Testseite. – Jef

Ist die Erweiterung .md? – JoostS

* Gesicht Palme * Wie das Schicksal es wollte, war es ein einfacher Tippfehler. Danke für die Mühe, aber die Richtung deines Denkens war richtig. – Jef

In meiner Sicht, Jekyll die Seite neben index.html mit layout Parametern machen und das Layout im _layouts Ordner. In Ihrem Fall verwenden Sie layout: default, so dass Sie die Datei _layouts/default.html überprüfen sollten.

Die default.html Datei von jekyll new your_awesome_site erzeugt sollte wie folgt aussehen:

<!DOCTYPE html> 
<html> 

    {% include head.html %} 

    <body> 

    {% include header.html %} 

    <div class="page-content"> 
     <div class="wrapper"> 
     {{ content }} 
     </div> 
    </div> 

    {% include footer.html %} 

    </body> 

</html>

Und die CSS-Dateien sind in _includes/head.html.

Quelle

2016-04-30 15:29:33 iplus26

Neue Jekyll-Seiten, die nicht mit Stylesheet verknüpft sind

Antwort

Verwandte Themen