使用showdown将markdown笔记插入到HTML网页

介绍

showdown是一个Javascript标记到HTML转换器，将markdown文本转换为HTML，基于John Gruber的原始作品。showdown可以使用在客户端(在浏览器中)或服务器端(使用NodeJs)。

它比较适用于个人博客，在线下将笔记或者其他内容写成markdown，然后上传到服务器，在客户端或服务端转换为HTML便可渲染到客户端，展现给用户。

安装

Bower

bower install showdown

或：
npm (server-side)

npm install showdown

客户端引入

使用的话有两种方法：
1、使用上述方法安装，将showdown项目下载到项目中，然后引入到项目，如

<script  src="node_modules/showdown/dist/showdown.min.js"></script>

注：showdown.min.js文件的路径
2、通过CDN引入，也就不需要安装了

<script  src="https://unpkg.com/showdown/dist/showdown.min.js"></script>

服务端引入

由于我用的node.js，所以这里只介绍在node项目中的引入，首先需要使用上面的方法进行安装，安装后即可引入

var showdown=require('showdown')

使用

1、客户端

        var converter = new showdown.Converter(),
        text = document.getElementById('content').innerText,
        html = converter.makeHtml(text);
        document.getElementById('output').innerHTML = html;

2、服务端

    app.get('/markdown',function (req,res) {
    let converter = new showdown.Converter();
    let html = converter.makeHtml('# 你好');
    console.log(html)
    res.send(html)
   })