Die Einbettung von Markdown in Jekyll HTML

Ich versuche nest markdown in HTML-Datei während der Verwendung von Jekyll. Gibt es eine Möglichkeit, etwas zu erreichen, wie die folgenden?

# index.html

---
layout: default
---


<p>[Stack Overflow](http://www.stackoverflow.com)</p>

Hinweis: ich bin mir bewusst, dass ich dies anstelle.

# index.html

---
layout: default
---


<p><a href="http://www.stackoverflow.com">Stack Overflow</a></p>
InformationsquelleAutor sunnyrjuneja | 2013-04-10
  1. 25

    Hier ist, wie können Sie eine markdown-block mit einem Jekyll-plugin:

    module Jekyll
  class MarkdownBlock < Liquid::Block
    def initialize(tag_name, text, tokens)
      super
    end
    require "kramdown"
    def render(context)
      content = super
      "#{Kramdown::Document.new(content).to_html}"
    end
  end
end
Liquid::Template.register_tag('markdown', Jekyll::MarkdownBlock)

    (Installieren Sie dieses snippet als Plug-in, steckte es in eine *.rb Datei unter _plugins - Verzeichnis Ihres source-Website-root)

    Dann verwenden Sie es wie diese:

    {% markdown %}
[Stack Overflow](http://www.stackoverflow.com)
{% endmarkdown %}

    BEARBEITEN: Siehe @Cristian ' s Antwort für eine bessere Lösung! Wenn Sie mit Kramdown (was wahrscheinlich der Fall ist, da Sie mit Jekyll), können Sie es verwenden, die Funktion zu erbringen markdown innerhalb div's mit einem markdown="1" Attribut.

    • beachten Sie, dass musste ich gem install kramdown für diese. Es scheint ein wenig hacky nicht zu verwenden, was Jekyll verwendet built-in für markdown Parsen", aber es funktioniert!
    • Beachten Sie auch, dass Document.new(content, input: 'GFM) ermöglichen github-flavoured markdown für Sie.
    • Jekyll verwendet Kramdown als Standard: github.com/jekyll/jekyll/blob/master/lib/jekyll/.... Aber ja, es wäre schöner, um in der Lage sein, zu delegieren den Aufruf von was auch immer-markdown-Prozessor-ist-verwendet-in-den-current-config irgendwie.
    • Könntest du bitte detail, was Sie mit dem code-block haben Sie am Anfang dieser Antwort?
    • Ich habe aktualisiert die Antwort mit kurzer Einbauanleitung.
    • Funktioniert nicht mit: {% Preisabschlag %} * Inhaltsverzeichnis {:toc} {% endmarkdown %}
    • Wenn Sie ändern super zu super.strip innerhalb der render-Methode wird es erlauben, Sie zum Einrücken von code. Sonst wird der block kann nicht eingerückt werden.

    InformationsquelleAutor MisterMetaphor
  2. 54

    Wenn Sie mit Kramdown, basierend auf Ihr doc Sie dies tun können:

    <div markdown="1">
   My text with **markdown** syntax
</div>

    Und auf diese Weise der text innerhalb der div gerendert wird als markdown.

    Stellen Sie sicher, dass Sie die .md oder .markdown Erweiterung für die Datei, als .html Dateien werden nicht gesendet, um Kramdown für die Verarbeitung!

    • Danke fine, sir, das ist die sauberste Lösung vorgeschlagen.
    • Sie sind ein held.
    • Becareful nicht mit 4 Leerzeichen beim Einrücken von HTML-code, ansonsten bekommen Sie <pre> finden Sie unter github.com/gettalong/kramdown/issues/213
    • Dies scheint nicht für mich arbeiten, mit Jekyll 3.0.
    • Bei mir hat es geklappt mit jekyll 3.0.3
    • Ich kämpfte um diese Arbeit zu. Bedacht alles!!! Schließlich fand ich dies: ricostacruz.com/til/markdown-in-jekyll.html Lange Geschichte kurz, umbenennen index.html zu index.md. Nahm mir waaay zu lange, um es herauszufinden.
    • Funktioniert mit jekyll 3.0 für mich
    • Funktioniert nicht in default.html mit der minimalen GitHub-setup.
    • Diese Methode hauptsächlich funktioniert, außer dass bei einigen seltsamen Grund, es hielt das hinzufügen von random </div> tags zu meinem code, und manchmal, es wäre nicht fertig, der code, also alles, was sonst in der Datei bekam als code behandelt, als gut. Schließlich fand ich folgende Lösung, mit capture zur Erfassung der code am Anfang der Datei und injizieren es in die {% highlight %} tags unten in die Seite: stackoverflow.com/a/38819797/85309

    InformationsquelleAutor Cristian
  3. 6

    @sunny-juneja, check-out die Flüssigkeit Extension-Filter genannt markdownify:

    https://github.com/mojombo/jekyll/wiki/liquid-extensions#markdownify

    Verwenden Sie es wie diese:

    <p>{{ '[Stack Overflow](http://www.stackoverflow.com)' | markdownify }}</p>

    In einfache oder doppelte Anführungszeichen um den string innerhalb der Ausgabe tag.

    Funktioniert bei mir auf Jekyll 1.0.0beta3

    • Dies funktioniert für Variablen, nicht aber, wenn Sie möchten, importieren Sie eine separate markdown-Datei oder setzen Sie markdown direkt in einem HTML-block. @MisterMetaphor Antwort unten, um ein plugin löst dieses Problem.
    • Ich glaube nicht, dass dies funktionieren wird. Die Ausgabe von Inhalten wird <p><p><p><a href="http://www.stackoverflow.com">Stack Overflow</a></p>.
    InformationsquelleAutor J W
  4. 4

    Werfen Sie einen Blick auf Paul Irish ist Gist für einen JS-code interpretieren können Abschnitte der Seite von Markdown zu HTML.

    • Das ist wirklich cool. Ich hatte gehofft, für ein jekyll spezifische Lösung, aber ich werde markieren Sie als Antwort, wenn niemand bietet eine.
    InformationsquelleAutor Traveling Tech Guy
  5. 4

    Als der aktuelle Jekyll 3.6.2 Leben kann sehr viel einfacher mit den folgenden beiden Optionen:

    Die Einbettung von Markdown in Jekyll HTML

    <div>
{{ "## Yes, this renders as markdown" | markdownify }}
</div>

    Hinweis: die markdown-Attribut:

    <div markdown="1">
## some markdown
inside some html. `snippet` _italic_ **bold**
</div>
    • Sollte markdown="1" Arbeit auf andere Elemente, wie display oder funktioniert Sie nur in einem div?
    • Ich bin bewusst ein display-element :P, aber es sollte funktionieren auf <section>, <nav>, <main> alle das gleiche...
    InformationsquelleAutor Frank Nocke
Schreibe einen Kommentar