为 Hexo 博客添加 valine 评论系统

注册 LeanCloud

由于 valine 评论系统是放在 LeanCloud 上的，因此需要先打开 https://www.leancloud.cn/ 网址注册一个 LeanCloud 账号。

注册完成后创建一个应用，比如名字为 blog，然后进入应用，在 设置 -> 应用 Keys 中找到 APP ID 和 APP Key。

Hexo 配置

在 hexo 工程下执行如下命令安装插件

npm install next-theme/hexo-next-valine

在 _config.yml 文件末尾插入如下内容（可以是 hexo 或 theme 的 _config.yml）

# Valine
# For more information: https://valine.js.org, https://github.com/xCss/Valine
valine:enable: falseappId:  # your leancloud application appidappKey:  # your leancloud application appkeyserverURLs: # When the custom domain name is enabled, fill it in hereplaceholder: Just go go # comment box placeholderavatar: mm # gravatar stylemeta: [nick, mail, link] # Custom comment headerpageSize: 10 # pagination sizevisitor: false # leancloud-counter-security is not supported for now. When visitor is set to be true, appid and appkey are recommended to be the same as leancloud_visitors' for counter compatibility. Article reading statistic https://valine.js.org/visitor.htmlcomment_count: true # If false, comment count will only be displayed in post page, not in home pagerecordIP: false # Whether to record the commenter IP

将 enable 项改为 true，复制前面生成的 appId 和 appKey。

配置域名

记得在 Leancloud -> 设置 -> 安全中心 -> Web 安全域名 把你的域名加进去。

否则网页会出现 “valine 未经授权的操作，请检查你的AppId和AppKey.” 提示。

为 Hexo 博客添加 valine 评论系统相关推荐

Hexo yilia 主题添加 valine 评论系统
本文仅讨论在 yila 中所增加或修改的代码,有关 leancloud 的申请及配置,请参考我所参考的两篇博文: <Hexo yilia主题添加valine评论系统> <Valin ...
Hexo博客进阶：为Next主题添加Valine评论系统
文章目录前言根据读者反馈,Valine 评论系统在 Next 主题高版本 (7.+) 以上没有内置,且 Valine 已经很久没有更新维护了.如果想要配置体验 Valine 的,建议使用 Next ...
hexo添加valine评论系统 (yilia主题)
hexo-yilia添加valine评论系统配置步骤一.创建应用二.yilia下的配置文件三.到此整个评论系统创建完成啦,看一下结果!如果遇到一些问题还可以参见[yilia增加valine]( ...
Hexo博客添加评论功能
Hexo博客添加评论功能实现了Hexo的评论功能先附上官网链接valine官网我使用的是Material-X主题,大多主题都支持,基本在官方主题文档都可以找到使用方法 1.进入官网,注册账号需 ...
Django开发个人博客网站——16、给博客添加上评论功能
博客中的评论系统其实是个很复杂的东西,但是网上已经有现成的轮子了,比如django-contrib-comments,可以直接拿过来用.但是我这里博客主要是给自己看的,并不想有太复杂的互动内容,因此, ...
为 hexo 博客添加本地搜索功能
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:我的大学到研究生自学 Java 之路,过程艰辛,不放弃,保持热情,最终发现我是这样拿到大厂 offer 的!个人 ...
hexo博客添加暗色模式_我如何向网站添加暗模式
hexo博客添加暗色模式同一个网站,两种不同的配色方案 (Same website, two different color schemes) Last year I made it a point ...
hexo博客添加暗色模式_我如何将暗模式添加到我的网站
hexo博客添加暗色模式 I recently redesigned my website. Here are 2 pictures of how it looked, for reference: ...
Hexo 博客添加看板娘
Hexo 博客添加看板娘相信看到这里的小伙伴都有属于自己的hexo博客了吧,废话不多说,我们直接进入主题我的博客:传送门 1.安装模块在hexo根目录下用Git执行命令 npm install ...

为 Hexo 博客添加 valine 评论系统

注册 LeanCloud

Hexo 配置

配置域名

为 Hexo 博客添加 valine 评论系统相关推荐

最新文章

热门文章