本来注册这个头条号是想用来发布一些技术文章，技术文章代码肯定要贴上来的，发现头条这个后台的编辑器没插入代码块的功能，从别的编辑器复制过来的 格式也都会被清除掉，我也是醉了。
正好今天自己网站的博客功能增加了一个新的功能，markdown编辑器。
Markdown 是一种轻量级的“标记语言”，优点很多，目前也被越来越多的写作爱好者，撰稿者广泛使用。常用的标记符号也不超过十个，这种相对于更为复杂的HTML 标记语言来说，Markdown 可谓是十分轻量的，学习成本也不需要太多，且一旦熟悉这种语法规则，会有一劳永逸的效果。
正因为用的人很多，也非常方便，写起文章来也是非常的快，刚开始我的网站中是用的百度的UEditor,后面大部分写作的站点都是支持markdown的。最近也就在网上找了一个还不错的开源的编辑器，分享给大家。
源码地址：https://github.com/showdownjs/showdown
这边叫showdown，用法也很简单
在node里面用法如下：
var showdown = require('showdown'),
converter = new showdown.Converter(),
text = '#hello, markdown!',
html = converter.makeHtml(text);
在普通web项目里的用法如下：
var converter = new showdown.Converter(),
text = '#hello, markdown!',
html = converter.makeHtml(text);
转换后的html就是我们要输出到页面的内容，当然输出的样式可能不是太好看，需要自定义样式美化下
下面是我站点中自定义的样式：
blockquote {
border-left: 8px solid #c52d2f;
padding: 10px 0px 10px 14px;
background-color: #F4F4F4;
margin-left: 0px;
margin-right: 0px;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
pre code {
color: #D34B62;
}
hr {
margin: 20px 0;
border: 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid white;
}
效果也还行，不是特别好看，哈哈