將markdown格式轉化爲bootstrap風格html

前言:這些年markdown格式的文件非常流行,像github裏project說明文檔都是用markdown格式編寫。

一方面,我們可以通過pandoc將markdown文件轉換爲html,這樣將html文件放到自己的服務器上就可以解釋了。安裝pandoc見我的GitHub鏈接

另一方面,bootstrap是近年來一個比較好的web前端框架,那麼我們希望將markdown文件轉換爲bootstrap風格的html文件。已經有人做過這個模塊markdown2bootstrap


1. 安裝nodejs及npm

sudo apt-get install npm
sudo apt-get install nodejs
sudo ln -s /usr/bin/nodejs /usr/bin/node
其中第三行是做一個鏈接,不然可能會遇到如下error

/usr/bin/env: node: No such file or directory


2. 安裝markdown2bootstrap到當前目錄下

 npm install markdown2bootstrap

如果你電腦是代理上網的話,在使用以上命令之前得設置npm的代理,如下格式

npm config set proxy=http://175.186.53.20:3128

3. 將markdown轉換爲html命令

 ./node_modules/.bin/markdown2bootstrap index.md 

如果不想產生數字列表用-n參數

./node_modules/.bin/markdown2bootstrap -n index.md

4.最後一步將包拷到你的網站根目錄下,我的是 ~/www

cp -r node_modules/markdown2bootstrap/bootstrap ~/www

這樣你的html文件放在你的站點上纔會正確解釋。

界面風格如下:



我的OS是Ubuntu 14.04


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章