众所周知

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
简而言之,它生成的都是静态页面,想要插入评论什么的需要借助一套完整的评论系统。

而我用的主题:MengD-萌典默认的评论系统就是Waline评论系统。

准备工作

  • LeanCloud国际版(数据库)
  • Vercel(服务端)
  • 打开萌典主题配置文件_config.MengD.yml搜索Waline,大概在120行左右

注意事项

其实Waline使用文档是非常详细的跟着走就行了。
好了Waline评论系统配置教程到此结束!

哈哈说的其实也是实话,跟着文档走绝对没问题,我仅提几个注意事项:

  • 直接点击开发文档中的Deploy跳转至vercel进行部署就行了。不要去他的github上Fork了再添加项目,因为在官方提供的跳转链接直接给你引导到了部署界面,Vercel会帮你生成一个关于Waline的服务端文件到你的Github仓库。

  • 在Vercel中配置环境变量时要注意文档提示

“点击顶部的 Settings - Environment Variables 进入环境变量配置页,并配置三个环境变量LEAN_ID, LEAN_KEY 和 LEAN_MASTER_KEY 。它们的值分别对应上一步在 LeanCloud 中获得的 APP ID, APP KEY, Master Key。”

其实文档说的有些不清不楚,如图:
Vercel添加环境变量

我当时就特别懵逼,明明只有2个地方需要填,可是我有”APP ID, APP KEY, Master Key”,三个值啊!这里当时浪费了我特别多时间,我以为是Waline的文档教程已经老了。

仔细去看了文档的图片和文字才理解过来,原来它需要我们添加3个环境变量。
eg:

1
2
NAME: LEAN_ID
VALUE: 2SrSGxxxq5xxxxx-MdxxxxxMMI

剩下两个以此类推即可。
说到底还是我肾虚眼花,错过了一些字眼。

  • 配置好环境变量,需要再去部署一遍,这样环境变量才能生效

  • 剩下就是需要去萌典主题设置里,把serverURL(服务端地址):改成Vercel给你生存的地址。

到这里就真的结束了,因为我的Vercel今天早上出了点问题,不抓取我仓库的更新,导致我一度以为是LeTe乐特的主题问题,没能与Vercel服务端连接,真心尴尬哈,浪费了好长时间。

Waline评论系统展示图

点击我打开折叠

被单独拿出来的Waline界评论界面:
Waline评论界面

Waline评论管理登录界面:
Waline评论管理登录注册界面

Waline评论管理界面:
Waline评论管理界面

评论管理 (管理端)

  • 部署完成后,请访问 /ui/register 进行注册。首个注册的人会被设定成管理员。

  • 管理员登陆后,即可看到评论管理界面。在这里可以修改、标记或删除评论。

  • 用户也通过评论框注册账号,登陆后会跳转到自己的档案页。

结论

其实这篇文章仅是我觉得一些需要提及的地方,我不打算用Waline评论系统,因为在我用上Waline

的同时又看见了twikoo,它对头像的优化更加好,可以直接调用QQ头像,我觉得挺不错,所以还是

写篇文章怀念一下Waline评论系统。