Comment puis-je faire un aperçu de Markdown en direct pendant que je l'écris?

14

Comment puis-je faire cela dans un autre tampon ou même dans le tampon actuel?

J'essaie de faire Github README.md et d'autres rendus Github de Markdown (pour les notes et autres),

CodeSammich
la source
À première vue, cela semble simple à faire en utilisant markdown-exportet eww, à partir d'un crochet et d'une minuterie de notification de changement. Mais il semble que la partie intéressante serait de déterminer à quelle partie du ewwtampon HTML correspond pointle tampon de démarque (afin qu'ils puissent défiler "en synchronisation").
Greg Hendershott

Réponses:

4

Voici une solution assez longue mais efficace.

  1. Installez simple-httpdet M-x httpd-start.
  2. Installez à markdownpartir du gestionnaire de packages de votre système.
  3. Ouvrez votre tampon de démarque et exécutez markdown-export . Cela produit un fichier HTML dans le même répertoire.
  4. Ouvrez ce fichier HTML.
  5. Installez impatient-modeet M-x impatient-mode.
  6. Revenez à votre fichier de démarque.

Enfin, évaluez ce 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)

Notez que l' add-hookinstruction doit être locale à Markdown, alors exécutez-la dans ce tampon.

Après tout cela, ouvrez votre navigateur http://localhost:8080/imp/et il s'actualisera à chaque fois C-x C-s.

abo-abo
la source
Je vois le fichier html dans localhost: 8080 / imp, mais je dois cliquer dessus pour le voir, et Cx Cs ne semble pas se rafraîchir. Ou est-ce prévu?
CodeSammich
De plus, au lieu de simplement exporter des démarques, existe-t-il un moyen d'exporter des démarques aromatisées au Github?
CodeSammich
5

Depuis le mode Markdown 2.1 , cette fonctionnalité est fournie dans markdown-live-preview-mode(liée à C-c C-c l).

Il utilise eww pour le rendu du HTML. Capture d'écran:

aperçu en direct du démarque

Wilfred Hughes
la source