Wie lebe ich eine Markdown-Vorschau, während ich sie schreibe?

14

Wie kann ich das entweder in einem anderen Puffer oder sogar im aktuellen Puffer machen?

Ich versuche, Github README.md und andere Github-Renderings von Markdown (für Notizen und ähnliches) durchzuführen.

buffers markdown previewing

— CodeSammich
quelle

Auf den ersten Blick scheint dies unkompliziert zu sein, wenn Sie markdown-exportund verwenden eww, basierend auf einem Hook und Timer für Änderungsmeldungen. Aber es scheint so, als würde der interessante Teil bestimmen, welchem Teil des ewwPuffer-HTML pointim Markdown-Puffer entspricht (damit sie "synchron" scrollen können).

— Greg Hendershott

4

Hier ist eine ziemlich lange, aber effiziente Lösung.

Installieren Sie simple-httpdund M-x httpd-start.
Installation markdownvom Paketmanager Ihres Systems.
Öffnen Sie Ihren Abschriftenpuffer und führen Sie ihn aus markdown-export. Dadurch wird eine HTML-Datei im selben Verzeichnis erstellt.
Öffnen Sie diese HTML-Datei.
Installieren Sie impatient-modeund M-x impatient-mode.
Gehen Sie zurück zu Ihrer Abschriftendatei.

Bewerten Sie abschließend diesen Code:

(defun markdown-export-continuous (&optional output-file)
  (interactive)
  (let ((input-file (buffer-file-name))
        (output-file (markdown-export-file-name ".html")))
    (when output-file
      (with-current-buffer (find-file-noselect output-file)
        (erase-buffer)
        (insert
         (shell-command-to-string
          (format "markdown %s" input-file)))
        (save-buffer)))))
(add-hook 'after-save-hook 'markdown-export-continuous t t)

Beachten Sie, dass die add-hookAnweisung für Markdown lokal sein muss. Führen Sie sie daher in diesem Puffer aus.

Öffnen Sie nach all dem Ihren Browser http://localhost:8080/imp/und er wird jedes Mal aktualisiert, wenn Sie C-x C-s.

— abo-abo
quelle

Ich sehe die HTML-Datei in localhost: 8080 / imp, aber ich muss darauf klicken, um sie zu sehen, und Cx Cs scheint nicht zu aktualisieren. Oder ist das beabsichtigt?

— CodeSammich

Gibt es außerdem eine Möglichkeit, anstatt nur Abschriften zu exportieren, Abschriften mit Github-Geschmack zu exportieren?

— CodeSammich

5

Ab Markdown-Modus 2.1 wird diese Funktionalität in markdown-live-preview-mode(gebunden an C-c C-c l) bereitgestellt .

Es verwendet eww zum Rendern des HTML. Bildschirmfoto:

— Wilfred Hughes
quelle