How can I do that either in a different buffer or even in the current buffer?
I'm trying to do Github README.md and other Github rendering of Markdown (for notes and such),
2 Answers
Here's a pretty long but efficient solution.
- Install
simple-httpdand M-xhttpd-start. - Install
markdownfrom your system's package manager. - Open your markdown buffer and run markdown-export. That produces a HTML file in the same directory.
- Open that HTML file.
- Install
impatient-modeand M-ximpatient-mode. - Go back to your markdown file.
Finally, evaluate this 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) Note that the add-hook statement needs to be local to Markdown, so run it in that buffer.
After all this, open your browser on http://localhost:8080/imp/ and it will refresh each time you C-x C-s.
- I'm seeing the html file in localhost:8080/imp, but I have to click on it to see it, and C-x C-s doesn't seem to refresh. Or is that intended?CodeSammich– CodeSammich2015-11-24 15:48:15 +00:00Commented Nov 24, 2015 at 15:48
- In addition, instead of just markdown-export, is there a way to do Github-flavored markdown export instead?CodeSammich– CodeSammich2015-11-24 15:49:24 +00:00Commented Nov 24, 2015 at 15:49
As of markdown-mode 2.1, this is functionality is provided in markdown-live-preview-mode (bound to C-c C-c l).
It uses eww for rendering the HTML. Screenshot:
markdown-exportandeww, driven from a change notification hook and timer. But it seems like the interesting part would be determining what part of theewwbuffer HTML corresponds topointin the markdown buffer (so the they could scroll "in sync").