轻松记录您
灵感和创意

markdown文件的编辑以及实时预览

之前看到有一款叫Mou的软件可以编辑Markdown格式的文本内容并且实时预览,可是我比较喜欢用vim编辑器,所以就想着能不能用别的软件配合着来实现实时预览。

今天看到一个chrome的扩展叫Markdown preview,它可以自动把md或Markdown后缀的文本转换为html格式在chrome中查看,只是还欠缺一个自动刷新的功能。然后我看到它的源码已经放在github上,于是抓回来做了一些修改,加上了自动刷新的功能。

演示

尝试了一下在vim中编辑文件,然后在chrome中浏览,效果还不错,见下图:

更改后的扩展

我把修改后的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下,修改之后的效果能够立刻在共享链接里看到效果,很完美

未经允许不得转载:坚果之云 Markdown » markdown文件的编辑以及实时预览
分享到: 更多 (0)

坚果云Markdown轻松记录您 灵感和创意

坚果云Markdown下载坚果云Markdown介绍