前言
昨天中午写了篇博文使用VuePress快速搭建个人博客,其中扩展提到留言板的功能,所以这算是续集了,下图是昨天立的flag
那今天趁着中午午休就给安排上。
留言板
增加留言板tab
在config.js配置中的nav里增加一个link配置项
{ "text": '留言板', "link": '/blogs/views/messageBoard.html', "icon": 'reco-suggestion' }
实现效果:
这时候是有增加这个留言板模块,但是没有对应功能,所以请往下看。
reco主题关于留言板的实现(这部分可跳过,也可点击查看详情)
→点击查看详情←
首先选的主题[vuepress-theme-reco](https://vuepress-theme-reco.recoluan.com/)里是有提供这个插件的主题内置评论插件 @vuepress-reco/vuepress-plugin-comments,可以根据自己的喜好选择 Valine
或者 Vssue
;
如果你想默认不加载评论,而只在某些页面显示评论功能,可以在 valineConfig
或 vssueConfig
中设置 showComment: false
,并在需要展示评论的页面 设置 isShowComments: true
。
如果仅是某篇文章不想设置开启评论功能,可以在 front-matter
设置 isShowComments: false
。
- 浏览量 仅在使用
Valine
时显示; - 因为 浏览量 需要在页面加载时去调用相关接口,所以列表页的所有数据会一起加载下来,如果文章数量很多会影响加载速度,所以在
1.2.0
之后去掉文章列表的浏览量。
其他参数参考 Valine配置。
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!