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

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

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

演示

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

效果图

更改后的扩展

我把修改后的markdown preview插件放在github上 , 已经尝试向原作者发起pull requests,要试用的话需要按下面几步操作:

  1. 把插件的代码clone回来 git clone git://github.com/volca/markdown-preview.git
  2. 开启chrome扩展的开发者模式,具体位置在窗口 -> 扩展程序
  3. 载入正在开发的扩展程序
  4. 允许访问文件网址勾选上

然后你就可以尝试用chrome浏览器打开markdown文件预览html,采用趁手的编辑器去修改它。

BTW

  • chrome下的插件写起来比想像的要简单,写javascript就是了
  • 现在这篇blog即是我用markdown格式写成的,用到了wordpress的markdown on save扩展。

Update

  • 测试把文件放在dropbox的Public下,修改之后的效果能够立刻在共享链接里看到效果,很完美

作者: 发表于December 22, 2011 at 4:54 pm

版权信息: 可以任意转载, 转载时请务必以超链接形式标明文章原始出处作者信息及此声明

Tags: ,,

3 条评论 »

  1. maple 于 2011-12-31 @ 04:18:52 留言

    我的浏览器不知道为什么自己打开md的文件时就会自动去下载他,而不是打开。 于是你遇到了这样的问题吗?

  2. Volcano 于 2011-12-31 @ 14:56:46 留言

    @maple 没有,你用的是老版本的chrome?

  3. icerunz 于 2012-01-11 @ 23:01:06 留言

    mac下得Mou更好用,不用那么麻烦了,呵呵。

RSS 为此帖反馈评论

留条评论