之前看到有一款叫Mou的软件可以编辑markdown格式的文本内容并且实时预览，可是我比较喜欢用vim编辑器，所以就想着能不能用别的软件配合着来实现实时预览。
今天看到一个chrome的扩展叫markdown preview，它可以自动把md或markdown后缀的文本转换为html格式在chrome中查看，只是还欠缺一个自动刷新的功能。然后我看到它的源码已经放在github上，于是抓回来做了一些修改，加上了自动刷新的功能。
演示
尝试了一下在vim中编辑文件，然后在chrome中浏览，效果还不错，见下图：
![\"效果图\"](\"http://ww1.sinaimg.cn/large/72f2af1bgw1dobg6hnkn0j.jpg\")
更改后的扩展
我把修改后的markdown preview插件放在github上 ， 已经尝试向原作者发起pull requests，要试用的话需要按下面几步操作:
- 把插件的代码clone回来
git clone git://github.com/volca/markdown-preview.git - 开启chrome扩展的开发者模式，具体位置在窗口 -> 扩展程序里
- 载入正在开发的扩展程序
- 将允许访问文件网址勾选上
然后你就可以尝试用chrome浏览器打开markdown文件预览html，采用趁手的编辑器去修改它。
BTW
- chrome下的插件写起来比想像的要简单，写javascript就是了
- 现在这篇blog即是我用markdown格式写成的，用到了wordpress的markdown on save扩展。
Update
- 测试把文件放在dropbox的Public下，修改之后的效果能够立刻在共享链接里看到效果，很完美
13 responses to “markdown文件的编辑以及实时预览”
我的浏览器不知道为什么自己打开md的文件时就会自动去下载他，而不是打开。 于是你遇到了这样的问题吗？
@maple 没有，你用的是老版本的chrome？
mac下得Mou更好用，不用那么麻烦了，呵呵。
我使用chrome最新版（17.0.963.78 m），并且安装markdown preview 0.3 之后，没有出现那个“允许本地文件”的选项，真是奇怪。
随后我将md文件在chrome中打开之后，得到就是一个包含Markdown标记的纯文本文件。
请问，我下一步应该如何设置才能正确预览md文件？谢谢！
@ddbb12 点左边这个箭头展开？
太感谢了，我正在使用您制作的这个加了自动刷新功能的扩展。挺好玩的，谢谢！
很好用，谢谢
如果有火狐的就好了。一直都比较喜欢火狐浏览器。现在只能打开个Chrome。
原来也比较喜欢用火狐，但是后来用了chrome觉得启动速度比较happy，所以就转移阵营了。
这个插件的是开源的，你可以稍做修改，就能在firefox下使用。
在 sublime 3 下试过没？ sublime 3 貌似不管用？
chrome 28
另外， 不知道自动刷新功能会不会自动滚屏？ 超过一屏的时候编辑器和浏览器能同步？
暂时不能自动滚屏，另外这个扩展和编辑器没有关系
请问博客的图片是手动添加的吗？
或者有什么工具可以帮忙上传图片到服务器？
手工添加的