将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


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值