Wie zu unterdrücken leere Zeile in Jekyll?

Benutze ich GitHub-Seiten für meinen blog, und bin laufen in ein problem mit Jekyll. Meine post.html hat ein block wie diesem:

{%    for testpost in site.posts   %}
{%           four                  %}
{%          lines of               %}
{%         processing              %}
{%         goes here               %}
{%    endfor                       %}

Den Teil in der Mitte ist egal. Der wichtige Teil ist das Ende der Linie, die sich außerhalb der {% %} markup, und ist daher gerendert in den html-Code. Da dies in einer Schleife, es bringt über 1000 leere Zeilen in der Mitte von der HTML-Seite. Es hat keinen Einfluss auf die Anzeige, aber es macht einen View/Source lästig.

Irgendwelche Ideen auf, wie zu vermeiden, die zusätzliche leere Zeilen?

InformationsquelleAutor James Curran | 2013-07-19
  1. 8

    Seit Liquid v4 (im Jekyll aus v3.5) es ist ein Whitespace control, die endlich gelöst Fall mit Leerzeilen, Leerzeichen, usw.

    Link zur Dokumentation: https://shopify.github.io/liquid/basics/whitespace/

    InformationsquelleAutor rafx
  2. 13

    Es ist ein netter workaround, den ich gefunden habe in https://github.com/plusjade/jekyll-bootstrap/blob/master/_includes/JB/setup, und die ist kompatibel mit github pages.

    Nur schließen Sie die Schleife in einem capture-Anweisung, und das zuweisen von null zu der resultierenden var.

    {% capture cache %}
    {% for p in site.posts %}
       do stuff here
    {% endfor %}
{% endcapture %}{% assign cache = nil %}
    • NB -- dieser Ansatz gilt nur für liquid. Wenn Sie dies tun, werden alle html - Inhalt, der erzeugt wird zwischen der Erfassung von tags ist ganz weggelassen.
    • Ich verstehe nicht, wie das funktioniert. Kann bitte jemand erklären?
    InformationsquelleAutor fvanderbiest
  3. 7

    Wie etwa

    {{ page.content | escape | strip_newlines }}
    • Wie könnte man dies mit einer include-wie header.html?
    • Es herausgefunden: {% capture header %}{% include header.html %}{% endcapture %}{{ header | strip_newlines }}
    InformationsquelleAutor Clemens Tolboom
  4. 4

    Es ist Jekyll-plugin, entfernt die Leerzeichen.

    Jekyll-plugins Aucor: Plugins für zB. trimmen unerwünschter
    Zeilenumbrüche/Leerzeichen und Sortierung der Seiten nach Gewicht-Attribut.

    Können Sie es direkt von seinem Github-repository. Also im Grunde wickeln Sie Ihren code mit {% strip %}{% endstrip %}. Auch wenn diese nicht zu Ihnen passen muss, können Sie leicht ändern Sie das ruby-Skript.

    Beispiel:

    {% strip %}
    {%    for testpost in site.posts   %}
    {%           four                  %}
    {%          lines of               %}
    {%         processing              %}
    {%         goes here               %}
    {%    endfor                       %}
{% endstrip %}

    Bitte Bedenken Sie jedoch, der Natur der Jekyll-plugins, die Sie nicht ausführen können Sie auf der Github-Seiten-server.

    Zitat von Jekyll Doccumentation:

    GitHub Pages ist powered by Jekyll, jedoch alle Seiten, die Seiten generiert werden, die --sichere option zum deaktivieren von custom plugins für Sicherheit Gründe. Leider, dies bedeutet, dass Ihre plugins nicht funktionieren, wenn Sie bereitstellen GitHub-Seiten.

    Können Sie immer noch verwenden GitHub Pages veröffentlichen Sie Ihre Website, aber Sie brauchen, um konvertieren Sie die site lokal und drücken Sie die erzeugte statische Dateien auf Ihrem GitHub-repository anstelle des Jekyll-source-Dateien.

    InformationsquelleAutor Yi Zeng
  5. 2

    Tatsächlich gibt es eine neue Lösung für dieses problem, die funktioniert ohne plugin.

    Einen Jekyll layout, komprimiert HTML. Auf einen Blick:

    • entfernt unnötige Leerzeichen;
    • entfernt optionale end-tags;
    • entfernt optionale start-tags;
    • entfernt Kommentare;
    • bewahrt Leerzeichen innerhalb <pre>;
    • GitHub-Seiten, compatible;
    • ignoriert Entwicklungsumgebungen;
    • konfigurierbare betroffenen Elemente;
    • Profil-Modus;
    • automatisch getestet werden.

    http://jch.penibelst.de/

    Wenn Sie - aus irgendeinem Grund - nicht benutzen wollen, dies hier ist ein schöner Artikel, der beschreibt einige Problemumgehungen:
    Komprimieren der Flüssigkeit generierte code - sylvain durand

    InformationsquelleAutor rugk
Schreibe einen Kommentar