基于Valine的Hexo留言板

TAG
Hexo
原创
编写日期
Jan 26, 2022
每天看到访问量,心想不弄个留言板不行啊,就整了一个。

1.注册LeanCloud获取服务

<https://leancloud.app/>
 
上LeanCloud国际版申请一个账户 验证过邮箱和手机号后,就可以创建应用。 创建选开发版,然后在应用内-设置-应用凭证中获取
  1. AppID
  1. AppKey
  1. REST API 服务器地址 复制下来备用 在 数据存储-结构化数据 中 创建Class Comment 需要管理评论时,在Comment中管理

2.配置Valine

首先在Hexo工程下执行:
npm install next-theme/hexo-next-valine
(我的是基于next主题的) 新文件会建于该文件夹中 Hexo\node_modules\hexo-next-valine
找到_config.yml文件 找到Valine设置部分
valine: enable: true 是否启用服务 appId: 填入上面获取的AppID appKey: 填入上面获取的AppKey placeholder: "Comment/评论" 留言框里默认的提示 avatar: retro 头像的风格 meta: [nick, mail] 自定义评论开头 pageSize: 10 一页展示几条评论 lang: en, zh-cn 可供使用的语言 visitor: false 已读的数据 comment_count: true 评论数量 如果填false 数量将不会同时显示在主页上 只会在文章页面显示 recordIP: false 是否记录评论者的ip信息 serverURLs: 填入上面获取的REST API 服务器地址 enableQQ: false 是否自动获取对方的QQ昵称和头像 requiredFields: [nick, mail] 需要填入的信息【昵称,邮箱】

3.注意事项

  1. 将 安全中心-服务开关 中 除了数据存储 以外的开关都关掉
  1. Web安全域名中填写自己的博客地址 比如我的是:
  1. 修改安全域名之后3分钟生效