mp-vue搭建博客小程序(三)

文章详细页面

点击文章,则进入该页面,主要是要是是实现可以查看markdown语法的文章,网上查了下,最后选用wxParse 组件

wxParse 地址

1 .安装
npm i mpvue-wxparse2

2 .代码里引入 wxparse
import wxParse from 'mpvue-wxparse'
这样把内容写在conteng标签就可以了

3.安装marked用于将markdown 转换为 html
this.html=marked(this.oneArticle.suject);

这样就可以把marakdown语法的文章展示出来了

热门文章

通过每查看一次文章,就对文章的点击量增加1,然后热门文章查看排名前20的文章显示

你可能感兴趣的:(mp-vue搭建博客小程序(三))