将markdown格式转化为bootstrap风格html

前言:这些年markdown格式的文件很流行,像github里project说明文档都是用markdown格式编写。

一方面,我们能够通过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,布布扣,bubuko.com

时间: 2024-08-05 11:09:48

将markdown格式转化为bootstrap风格html的相关文章

【代码导读】Github 开源项目——wysihtml5 富编辑器(Bootstrap 风格)【二】

如果您意外进入该页面,或许从下述链接开始更容易理解: [代码导读]Github 开源项目——wysihtml5 富编辑器(Bootstrap 风格)[一] 1. 整体结构 在 wysihtml5 中,所有对象受 wysihtml5 命令空间保护,从其初始化定义看,整个代码架构一目了然: https://github.com/xing/wysihtml5/blob/master/src/wysihtml5.js 1 var wysihtml5 = { 2 version: "0.4.0pre&qu

自己写的基于bootstrap风格的弹框插件

自己写的一款基于bootstrap风格的弹框插件,暂时只有确认框.提示框.后续功能扩展.bug修改再更新. ;(function($){ //默认参数 var PARAMS; var DEFAULTPARAMS = { width: 500, title: '提示消息', content: '', okbtn: '确定', cancelbtn: '取消', headerBackground: 'info', vbackdrop: 'static', //默认点击遮罩不会关闭modal vkeyb

Json格式转化为string格式

今天在学习Jsonp的时候,想通过服务端返回一段json数据,因为使用的服务端是NodeJs,那么就需要在js文件中实现返回json.(这里不懂的同学,可以先了解一下NodeJs的基础概念,在这里,我想大家推荐一个Nodejs视频  http://www.icoolxue.com/album/show/89). 首先,我们有这样一个json格式 var json={name:"xlt",age:25} 如果我们直接把上面这个”json对象“返回给客户端,那么客户端都不知道怎么接受(至于

【ztree系列——图标的修改】Bootstrap风格的ztree

前段时间项目中需要用树形结构,在选取的时候参考了很多插件,经过很多尝试,最后又回归到了ztree上.以前用的界面框架是EasyUI,但是它的树结构在实现起来有点复杂,并且功能不是特别完善.dtree在做demo的时候没什么问题,但是放到项目中,从数据库读取数据后还需要进行转换--码了n个demo后,还是觉得ztree最好用! 1.ztree图标 ztree功能强大,使用方便是一方面,但是若使用它自带的图标,在有些网页设计中就不太搭调了,或者还会出现样式冲突,使得图标显示凌乱的问题(在使用Boot

使用JQuery.validate后的bootstrap风格校验提示?

因为项目使用了bootstrap框架,在做form提交时需要进行验证.本来研究了一下午jqBootstrapValidator,可是不好用,最终还是想用JQuery validate. 其实最主要就是showErrors方法,自定义了bootstrap风格的浮动提示框,避免了在自己html中定义一个span或是p,来显示error message. 至于validate的rules,在js中就没有写了,我是在input的class标签中定义的. 此外,还要注意的就是项目后台使用了struts2,

使用Pandoc命令将Markdown格式文件转换为HTML格式文件

一.Pandoc命令介绍 Pandoc是一个强大的格式语言转换工具,被称为该领域的"瑞士军刀".比如可用Pandoc命令将Markdown格式文件转换成HTML格式文件. 二.具体转换命令 具体转换命令如下: pandoc --standalone --self-contained --css pandoc.css src.md --output target.html 以上转换命令中选项含义介绍如下. 1."–standalone" 为目标格式文件增加合适的&qu

Markdown 格式标记符号说明

Markdown 格式标记符号说明 1. 标题 在行首插入 1 到 6个#,分别表示标题 1 到标题 6 # 这是标题1 ## 这是标题1 ###### 这是标题6 点击保存后的效果: 标题1 标题2 标题6 2. 有序列表 在行首增加 1..2..3.,即数字和英文句点, 不要求数字一定要连续,可以都是1. 1. 有序列表 1. 有序列表 4. 有序列表 点击保存后的效果: 有序列表 有序列表 有序列表 3. 无序列表 在行首增加 * 或 - * 无序列表 * 无序列表 点击保存后的效果: 无

腾讯下载的视频qlv格式转化为MP4格式

最近在看腾讯视频的时候发现下载下来的视频格式都是qlv格式,且不能用其他播放器播放,甚是恼怒,网上找了很多方法都很繁琐,于是自己写了一个小程序来处理这个问题.把下载下来的qlv格式转化为MP4格式 首先还是按照网上所说的,找到这些文件所在位置: 首先将需要转换mp4格式的视频下载,要下载完成才能进行转换.  点击设置,将文件所在位置复制  将复制内容粘贴到我的电脑,如图所示位置,点击回车[Enter]键,打开后我们找到下载文件, (因为腾讯下载内容一般都为隐藏,所以需要将文件找到)  我们打开其

推荐一个markdown格式转html格式的开源JavaScript库

这个markdown格式转html格式的开源JavaScript库在github上的地址: https://github.com/millerblac... 从markdown 格式转成html源代码格式 新建一个以js结尾的文件,将下列内容粘贴进去: var markdown = require( "markdown" ).markdown; console.log( markdown.toHTML( "Hello *World*!" ) ); 用nodejs执行