将markdown格式转化为bootstrap风格html
2014-08-16 18:32
169 查看
前言:这些年markdown格式的文件很流行,像github里project说明文档都是用markdown格式编写。
一方面,我们能够通过pandoc将markdown文件转换为html,这样将html文件放到自己的server上就能够解释了。安装pandoc见我的GitHub链接。
还有一方面,bootstrap是近年来一个比較好的web前端框架,那么我们希望将markdown文件转换为bootstrap风格的html文件。已经有人做过这个模块markdown2bootstrap。
1. 安装nodejs及npm
2. 安装markdown2bootstrap到当前文件夹下
假设你电脑是代理上网的话,在使用以上命令之前得设置npm的代理,例如以下格式
3. 将markdown转换为html命令
假设不想产生数字列表用-n參数
4.最后一步将包拷到你的站点根文件夹下,我的是 ~/www
这样你的html文件放在你的网站上才会正确解释。
界面风格例如以下:
我的OS是Ubuntu 14.04
一方面,我们能够通过pandoc将markdown文件转换为html,这样将html文件放到自己的server上就能够解释了。安装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
相关文章推荐
- 将markdown格式转化为bootstrap风格html
- 将Word文档转化为HTML格式的文档
- Word文档转化为HTML等其它格式
- 将HTML格式的String转化为HTMLElement
- 将HTML格式的String转化为HTMLElement
- 将文本文件转化成html格式的Shell脚本
- eclipse产生的.html格式文档转化为.chm格式方法
- Markdown导出成HTML,PDF格式
- 将HTML格式的String转化为HTMLElement的实现方法
- 将Word文档转化为HTML格式的文档
- 将Word文档转化为HTML格式的文档
- 将Word文档转化为HTML格式的文档
- eclipse产生的.html格式文档转化为.chm格式方法
- 利用jodconverter(基于OpenOffice服务)将word文件(*.doc)转化为html格式
- 将Word文档转化为HTML格式的文档
- ASP.NET将Word文档转化为HTML格式的文档
- 将Word文档转化为HTML格式的文档
- 将HTML格式的String转化为HTMLElement 分类: C1_HTML/JS/JQUERY 2014-08-05 12:01 1217人阅读 评论(0) 收藏
- 将HTML格式的String转化为HTMLElement的实现方法
- UML——如何将uml图转化成html格式