Hexo|Butterfly 添加Waline评论系统

Waline是Valine的升级版，加入了后端管理系统。可在后台对评论进行编辑，删除，回复，置顶等操作。

部署要求

• LeanCloud
• Vercel
• GitHub
• 一个域名

LeanCloud

环境准备

注册LeanCloud国际版(一定要是国际版，否则需要另外准备备案的域名和服务器)

LeanCloud地址：https://console.leancloud.app/

注册完成之后，前往邮箱验证。

验证成功后创建一个应用。

进入设置-应用凭证，记下自己的AppID-AppKey-MasterKey。

LeanCloud的设置已经完成了，接下来要换一个地方。

Vercel

开始部署

在Vercel进行部署：点我部署

使用GitHub登陆，将Vercel安装到GitHub仓库。

创建一个仓库：

等待一会儿，出现满屏的烟花提示你部署成功了：

Continue to Dashbored，去仪表盘Settings - Environment Variables,进入环境变量配置页。

并配置三个环境变量 LEAN_ID, LEAN_KEY 和 LEAN_MASTER_KEY 。它们的值分别对应上一步在 LeanCloud 中获得的 AppID, AppKey, MasterKey。

填写完成后如图所示：

环境变量配置完成之后点击顶部的 Deployments，然后Redeploy重新部署使环境变量生效。

部署完成后点击Visit即可用vercel提供的域名访问评论系统：

更换域名

但是由于Vercel的dns在国内已经被污染，我们需要将评论系统换成自己的域名；

• 点击顶部的 Settings - Domains 进入域名配置页
• 输入需要绑定的域名并点击 Add

在域名服务器商处添加新的 CNAME 解析记录

Type	Name	Value
CNAME	@/waline(根据实际情况填写)	cname.vercel-dns.com

等待生效，你可以通过自己的域名来访问了🎉

• 评论系统：waline.yourdomain.com
• 评论管理：waline.yourdomain.com/ui

CloudFlare设置

如果提示网站重定向次数过多，无法访问，将CloudFlare的ssl设置为严格模式即可。

注册为管理员

默认第一个注册的用户为管理员用户：waline.yourdomain.com/ui/register

站点配置

在站点根目录安装Waline；npm install @waline/hexo-next --save

编辑主题配置文件：_config.butterfly.yml

comments: 
use: Waline
text: true 
# Display the comment name next to the button 
# lazyload: The comment system will be load when comment element enters the browser's viewport. 
# If you set it to true, the comment count will be invalid 
lazyload: false 
count: false 
# Display comment count in post's top_img 
card_post_count: false # Display comment count in Home Page

 

往下找到Waline配置：

waline:
  serverURL: waline.yourdomain.com    # 填入刚刚得到的后端 URL（必填,根据实际情况填写你自己的域名）
  option:
    locale: {
      nick: '昵称',
      mail: '邮箱',
      link: '你的网站',
      placeholder: '你这么可爱一定会文明评论的吧～(填写邮箱可以收到回复通知哦)',
      requiredMeta: [],
      mailError: '请填写正确的邮件地址',
      sofa: '快来抢占沙发~',
      level0: '锻体',
      level1: '练气',
      level2: '筑基',
      level3: '金丹',
      level4: '元婴',
      level5: '化神',
      }
    emoji: [
        'https://cdn.jsdelivr.net/gh/walinejs/[email protected]/tw-emoji',
        'https://cdn.jsdelivr.net/gh/norevi/[email protected]/blobs',
        'https://cdn.jsdelivr.net/gh/walinejs/[email protected]/bilibili',
        ]

hexo cl && hexo g && hexo d 部署