起因
想要搭建一个个人网站,然后在网站上展示个人信息以及平时学习或者使用框架的一些内容。所以需要一个能够将markdown内容转化到页面上展示(就类似于github或者各大博客网站)。个人网站是vue3,vite构建。首先是在
npm上搜索markdown去找寻对应框架,试过其中几个,例如:
markdown-loader
搜索markdown首先出来的就是这个,然后打开看了下webpack2+,个人就没有去试用。
vue-markdown
这个框架单单看首页支持的东西比较全,但是上个版本在四年前,我怕它不支持vue3,所以也没有试用。
markdown-it
这个框架相较于前两个首先有个
,但是看了下live demo,个人不是很喜欢这个风格,就列入备选框架中,然后接着看下一个。
markdown-it-vue
这个框架其实跟之前那个框架差不多,上来也首先是一个
,但是实际展现风格跟之前那个差不多。
v-md-editor
这个框架打开看到则是最舒服的一个,上来不仅有个线上demo,还有中文文档,好评。其次是文档中明确描写了支持vue3,那就决定是他了。
开始
要在Vue3中使用,首先安装Vue3的依赖包。