Valine -- 一款基于 Leancloud 的极简风评论系统

[Heroy]

Valine -- 一款基于 Leancloud 的极简风评论系统

• 支持At
• 开箱即用
• 支持MarkDown
• And more...

---

• Github: https://github.com/xcss/Valine
• LiveDemo: https://xcss.github.io/Valine
• 中文教程: https://ioliu.cn/2017/add-valine-comments-to-your-blog/

[UnPace]

希望增加验证码；艾特的用户支持锚点定位。

[beyoung]

棒 希望能越做越好

[qistchan]

赞，多说没了之后一直想找个简单的评论系统，终于有了～

[jinchun]

v2ex 不愧是快速测试平台。。

[Heroy]

@jinchun 是啊，刚刚有个 bug 没注意，一进去就是满满的弹窗。。。吓死

[Heroy]

@UnPace 验证码正在探索。at 的用户定位也在思考中。。。

[codermagefox]

建议：给一个应用在自架 leanote 中的帮助手册．我知道不难，但是我希望无脑．．．
利益相关：自架 leanote 被不能用的评论系统折腾的死去活来的人．

[xiaoz]

评论可以导出吗？

[Heroy]

@xiaoz 可以的，因为数据在 leancloud，而 leancloud 已经将这个做得很完整了。
具体流程：
Leancloud>选择你的应用>设置>数据导出>选择你要导出的日期>导出

[4679kun]

支持从 disqus 导入吗？

[Heroy]

@4679kun 很抱歉，由于 Leancloud 不支持数据导入，so。。。

[Heroy]

@codermagefox 你好，请问有线上链接吗？由于没接触过 leanote，所以不清楚 leanote 的页面结构，想写个也无从下手啊。_(:з」∠)_

[xiaoz]

匿名者评论后没有邮件通知，能增加一个邮箱的选项吗？

[Heroy]

@beyoung 感谢支持，ｃ⌒っ*ﾟ∀ﾟ)ﾒ装完就跑

[Heroy]

@xiaoz 很抱歉，由于 Valine 是无后端评论系统，所以目前无法实现邮件通知。

[Heroy]

@xiaoz 目前已新增邮箱字段。请更新 Valine.min.js

[ErnestChan]

看起来不错，Mark

[xqin]

Leancloud 使用不当, 可以无需认证删除评论, 为证明可行性, 已帮楼主清理了目前 DEMO( https://xcss.github.io/Valine/)页上的评论数据.


删除某条评论的命令如下(Comment 后面的那串就是所对应的评论的 objectId):


```
curl -X DELETE -H "X-LC-Id: 3GiiCyXCrGbOIH3EelCfJ6yw-gzGzoHsz" -H "X-LC-Key: iuneD4hXPQImdHQSRE0aOcRF" -H "Content-Type: application/json" https://3giicyxc.api.lncld.net/1.1/classes/Comment/598926ea128fe10056b8bdaf
```

[haozes]

先 mark

[yunji334401]

正需要

[Heroy]

@xqin (╥╯^╰╥)吓尿，今早起来发现没数据了。。。
还跑到 leancloud 社区去发帖问了。。。。

这特么就尴尬了。

[Heroy]

@4679kun 你好，Disqus 的数据导入解决方案：[Disqus2Leancloud]( https://panjunwen.com/from-disqus-to-leancloud/)

感谢[Deserts Pan]( https://panjunwen.com/about/)

[xqin]

@Heroy 在 Leancloud 给你的 Comment 设置好正确的 `ACL`.
只允许在前端增加评论, 不允许修改 /删除, 即可解决.

[Heroy]

@xqin 好的，感谢。

[4679kun]

@Heroy 回家就装上(=ﾟωﾟ)=

[Deserts]

@xqin 我现在是把所有人的删除和修改权限去掉，还需要做些什么嘛？谢谢你。

[Deserts]

@xqin 对垃圾评论仍然是毫无抵抗力？

[Deserts]

@4679kun Disqus 导入 LeanCloud 工具，欢迎反馈： http://disqus.panjunwen.com

[LeanCloud]

@Deserts 垃圾的过滤可以用 beforeSave hook 实现： https://leancloud.cn/docs/leanengine_cloudfunction_guide-node.html#Hook_函数

当然这就不是纯前端的方案了，需要部署一点云引擎代码。

[Deserts]

@LeanCloud 谢谢！想不到有官方回复。顺便问个问题，如果使用 LeanCloud 的重置密码邮件来做评论回复通知，是否违背用户协议？或者有没有类似更好的解决方案？也用 hook 去触发后端发邮件？再次感谢你们的服务！

[codermagefox]

http://note.codermagefox.com/blog/post/magefox/test
求教一下为何不显示评论区，已经引入了需要的 js.

[LeanCloud]

@Deserts 倒是不存在违背用户协议的问题，只是重置密码通知的内容和你的目的不符。你可以调用第三方邮件服务来发通知（比如 mailgun 等）。

[Heroy]

@codermagefox 抱歉，有点忙，现在才回复你。你的链接点进去是 404 啊。能不能重新打开下

[Showfom]

支持一下

[Showfom]

https 的网址提示说不正确，但是还是可以强制提交

[Heroy]

@Showfom 设置了对应的安全域名了吗？

[Showfom]

@Heroy 在你的网站提交啊

[Heroy]

@Showfom 好吧，貌似我这边测试没有出现 https 网址提示的问题

[Heroy]

@Showfom 知道了，是域名后多了个 /造成的，目前已修改。

[Showfom]

@Heroy 嘿嘿

[hanmiao]

@Heroy 好奇 有多说文件导入的没 233

[Heroy]

@hanmiao !!!∑(ﾟДﾟノ)ノ抱歉哦，目前暂时还没有。。。

[hanmiao]

@Heroy 我试试多说导 disqus 再导入吧 ┭┮﹏┭┮

[Deserts]

@hanmiao
Disqus 的 xml 数据导入 http://disqus.panjunwen.com/；
另外 LeanCloud 是支持导入数据的，只不过要求 json 数据和字段名相吻合
另另外，加了 Gravatar 头像、评论邮件通知、垃圾评论过滤，美化版的 Valine：
https://panjunwen.com/

[hanmiao]

@Deserts 谢谢

[Deserts]

打个广告：加强版的评论来了，基于 Valine，只需要使用 LeanCloud 的免费服务，数据存储+云引擎实现。
增加内容如下：
1. 头像显示、样式美化和细节优化
2. 清理不必要的数据库字段，节省开销
3. 邮件通知：包括新评论通知博主、被 @通知
4. 基于 Akismet 的垃圾评论自动标注和过滤
5. 后台评论管理

https://panjunwen.com/diy-a-comment-system/

[Deserts]

@Deserts 邮件回复和反垃圾评论的 Demo 上线啦！ https://panjunwen.github.io/Valine/

[Deserts]

@Deserts 08/16 更新个人隐私信息保护，E-mail、User-Agent、IP 等敏感信息进行保护，原有头像显示失效（显示默认头像），新评论头像显示正常。

@Heroy 建议你也解决下邮箱和 UA 随意可获取的问题。

[easylee]

前来支持。