Hexo博客搭建（6）：Valine评论系统优化

1. 统计数字小标题处如何显示中文“评论数”，而不是valine

1.1. 实际显示

这是默认行为。因为NexT允许同时开启多个评论系统（例如同时启用valine和gitalk），这时显示「评论数」文字会造成混乱。

1.2. 期望效果

发表于 2020-05-18   分类于 博客教程  评论数： 1

1.3. 解决

打开themes -> next -> languages -> zh-CN.yml

在post:标签下添加:

comments.valine: 评论数 (显示的汉字自定义，最好和其他评论系统有所区分）

post:
  comments.valine: 评论数
  posted: 发表于
  edited: 更新于

1.4. 结果

如 此博客：https://pamarus.github.io/ 所示，正常显示中文评论数。

2. 如何隐藏浏览器版本和操作系统版本

2.1. 问题

评论数据的用户名右侧显示了浏览器版本和操作系统版本，我认为这是多余的，目标是隐藏不显示

2.2. 解决

• 进入theme目录下面的source/css文件夹，新建一个文件 custom.styl，如下图

• 复制下面这段代码，粘贴到 custom.styl 文件中

.vsys{
    display:none !important;
}

• 引入刚刚新建的样式文件

在custom.styl同级的main.styl 中的最后添加以下代码，引入刚刚新建的样式文件

// custom
@import "custom.styl";

• hexo g -d部署完成

2.3. 最终效果

3. 分类、标签、关于页关闭评论功能

3.1. 需求

在NexT主题中，Valine配置之后，默认所有页面都开启评论功能。在部分页面不想或不需要显示评论功能。那么如何隐藏呢？

3.2. 设置

在 分类、标签、关于页面的本地md文件中，添加comments属性，属性值设置为true或false，来控制打开或关闭该页面的评论功能。

比如分类页，这样设置：

---
title: 分类
date: 2020-05-05 16:38:50
type: categories
comments: false
---

标签页和关于页等同理。

4. 致谢

hexo博客next主题使用valine评论标题部分无法显示中文评论数

使用 valine 不显示“评论数“文字 #1267

hexo-Next主题valine评论系统不显示浏览器版本和操作系统版本