针对 Hugo
博客如何添加评论系统 Valine
的详细说明 ⑅︎◡̈︎*
写博客的时候,难免会有人针对文章内容进行评论,尽管对于我的博客有人发问的可能性和我明天中乐透的可能性相差无几,但是我们还是为了不可能的因素添加一个评论系统放置在每个文章的底部。
目前主流的第三方评论系统不少,包括 畅言,Disqus ,Gitalk ,Valine ,Livere 等等,有博主专门介绍每款评论系统的优缺点及特色 ( 点击前往 ) ,而我最后使用的是 Valine
,现在介绍一下如何添加该评论系统。
添加该评论系统的步骤非常简单:
- 在
LeanCloud
注册账号并创建一个新的应用 ( 使用华东节点和华北节点登录所创建的应用互不相通 ) - 复制该应用的
App ID
和App Key
- 在想要插入评论系统的位置粘贴一段 html 代码
- 关于
LeanCloud
LeanCloud 原名 AVOS Cloud。是国内领先的移动服务端整体解决方案提供商。为移动应用开发者提供稳定可依赖的后端云服务,包括存储、账号管理、社交分享、推送、应用统计等以及相关的技术支持和服务。
- 需要插入的 html 代码{#htmlcode}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Valine - A simple comment system based on Leancloud.</title>
<!--Leancloud 操作库:-->
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<!--Valine 的核心代码库:-->
<script src="./dist/Valine.min.js"></script>
</head>
<body>
<div class="comment"></div>
<script>
new Valine({
// AV 对象来自上面引入 av-min.js( 老司机们不要开车哈 ➳♡゛)
av: AV,
el: '.comment', //
app_id: 'Your APP ID', // 这里填写上面得到的APP ID
app_key: 'Your APP KEY', // 这里填写上面得到的APP KEY
placeholder: 'ヾノ≧∀≦)o来评论啊!' // [v1.0.7 new] 留言框占位提示文字
});
</script>
</body>
</html>
更多个性化设置,请访问 https://valine.js.org/configuration.html 自行了解。
- 关于评论管理与数据安全
评论管理: LeanCloud
> 登录
> 应用
> 存储
> Comment
数据安全: LeanCloud
> 登录
> 应用
> 设置
> 安全中心
> Web 安全域名