¿Cómo vivo la vista previa de Markdown mientras la escribo?

14

¿Cómo puedo hacer eso en un búfer diferente o incluso en el búfer actual?

Estoy tratando de hacer Github README.md y otra representación Github de Markdown (para notas y tal),

CodeSammich
fuente
A primera vista, esto parece sencillo de usar markdown-exporty eww, desde un gancho de notificación de cambio y un temporizador. Pero parece que la parte interesante sería determinar a qué parte del ewwbúfer HTML corresponde pointen el búfer de reducción (para que puedan desplazarse "sincronizados").
Greg Hendershott

Respuestas:

4

Aquí hay una solución bastante larga pero eficiente.

  1. Instalar simple-httpdy M-x httpd-start.
  2. Instale markdowndesde el administrador de paquetes de su sistema.
  3. Abra su búfer de descuento y corra markdown-export. Eso produce un archivo HTML en el mismo directorio.
  4. Abre ese archivo HTML.
  5. Instalar impatient-modey M-x impatient-mode.
  6. Regrese a su archivo de rebajas.

Finalmente, evalúe este código:

(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)

Tenga en cuenta que la add-hookdeclaración debe ser local para Markdown, así que ejecútela en ese búfer.

Después de todo esto, abra su navegador http://localhost:8080/imp/y se actualizará cada vez que lo haga C-x C-s.

abo-abo
fuente
Estoy viendo el archivo html en localhost: 8080 / imp, pero tengo que hacer clic en él para verlo, y Cx Cs no parece actualizarse. ¿O es eso lo que se pretende?
CodeSammich
Además, en lugar de solo markdown-export, ¿hay alguna forma de exportar con sabor a Github?
CodeSammich
5

A partir de Markdown-mode 2.1 , esta funcionalidad se proporciona en markdown-live-preview-mode(vinculada a C-c C-c l).

Utiliza eww para representar el HTML. Captura de pantalla:

vista previa en vivo del descuento

Wilfred Hughes
fuente