之前看到有一款叫Mou的軟件可以編輯markdown格式的文本內(nèi)容并且實(shí)時(shí)預(yù)覽,，可是我比較喜歡用vim編輯器，所以就想著能不能用別的軟件配合著來(lái)實(shí)現(xiàn)實(shí)時(shí)預(yù)覽,。

今天看到一個(gè)chrome的擴(kuò)展叫markdown preview,，它可以自動(dòng)把md或markdown后綴的文本轉(zhuǎn)換為html格式在chrome中查看，只是還欠缺一個(gè)自動(dòng)刷新的功能,。然后我看到它的源碼已經(jīng)放在github上,，于是抓回來(lái)做了一些修改，加上了自動(dòng)刷新的功能,。

演示

嘗試了一下在vim中編輯文件,，然后在chrome中瀏覽，效果還不錯(cuò),，見(jiàn)下圖：

更改后的擴(kuò)展

我把修改后的markdown preview插件放在github上 ,， 已經(jīng)嘗試向原作者發(fā)起pull requests，要試用的話需要按下面幾步操作:

1. 把插件的代碼clone回來(lái) git clone git://github.com/volca/markdown-preview.git
2. 開(kāi)啟chrome擴(kuò)展的開(kāi)發(fā)者模式，具體位置在窗口 -> 擴(kuò)展程序里
3. 載入正在開(kāi)發(fā)的擴(kuò)展程序
4. 將允許訪問(wèn)文件網(wǎng)址勾選上

然后你就可以嘗試用chrome瀏覽器打開(kāi)markdown文件預(yù)覽html,，采用趁手的編輯器去修改它,。

BTW

• chrome下的插件寫起來(lái)比想像的要簡(jiǎn)單，寫javascript就是了
• 現(xiàn)在這篇blog即是我用markdown格式寫成的,，用到了wordpress的markdown on save擴(kuò)展,。

Update

• 測(cè)試把文件放在dropbox的Public下，修改之后的效果能夠立刻在共享鏈接里看到效果,，很完美

作者: Volcano 發(fā)表于December 22, 2011 at 4:54 pm

版權(quán)信息: 可以任意轉(zhuǎn)載, 轉(zhuǎn)載時(shí)請(qǐng)務(wù)必以超鏈接形式標(biāo)明文章原始出處和作者信息及此聲明