將markdown格式轉化為bootstrap風格html

標籤：blog   http   使用   os   檔案   ar   2014   art   

前言：這些年markdown格式的檔案很流行，像github裡project說明文檔都是用markdown格式編寫。

一方面，我們能夠通過pandoc將markdown檔案轉換為html，這樣將html檔案放到自己的server上就能夠解釋了。安裝pandoc見我的GitHub連結。

還有一方面，bootstrap是近年來一個比較好的web前端架構，那麼我們希望將markdown檔案轉換為bootstrap風格的html檔案。已經有人做過這個模組markdown2bootstrap。

1. 安裝nodejs及npm

sudo apt-get install npmsudo apt-get install nodejssudo 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