Vue、Nuxt页面展示MarkDown

文章优先发表在个人博客，后期更新可能忘记同步到优快云上面，给你带来不便抱歉
个人博客本篇文章地址： https://www.xdx97.com/article?bamId=672192777479520256

今天在做留言功能的时候，需要在页面展示markdown语法
这里给大家推荐： showdown ，感觉它还不是特别好用，但着实简单。

1、安装引入

1、可以使用 npm 安装，但是我在BootCDN找到了链接，那就没把要安装浪费资源了，直接引用CDN了。

CND地址： https://www.bootcdn.cn/showdown/

Nuxt引入：

Vue 引入：我这里没有直接使用Vue，但是没关系，你直接在 index.html 中全局引入就好了

2、使用

 let converter = new showdown.Converter();
 let html = converter.makeHtml('### 我是小道仙');
 console.log(html);

3、其它

从上面的使用我们可以看出来，showdown是把markdown转化成了 html，我们可以把这个html数据存入数据库，然后再展示这个html就好了。

可以关注我的个人博客共同成长噢