博客接入waline评论服务

配置LeanCloud数据库服务

这里 注册LeanCloud账号,按照提示填写邮箱,密码,用户名,同意条款,然后在去邮箱验证账号即可注册成功。

注册完成后,登录账号,然后在控制台点击创建应用,名字输入您能够认识的,计划选择开发板免费,根据您的需求填写描述,然后点击创建。

创建完成后,进入刚刚创建的应用,然后点击设置,在设置界面选择应用凭证,然后将AppID,AppKey,MasterKey的内容复制到一个地方,稍后部署waline时,需要这些信息。

在vercel部署waline

点击这里 进行快捷操作,在创建项目页面,选择github快捷登录,登录后,给项目起个名字然后点击create。

创建后,会显示部署时间,如果看到成功的提示,底下的部署时间不动了的话可以点击Go to Dashboard 进入这个应用的控制台。

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

环境变量配置完成之后点击 Deployments 点击Redeploy 按钮进行重新部署。该步骤是为了让刚才设置的环境变量生效。

在中国,默认给分配的vercel.app是被墙的,我们需要使用自定义域名,然后使用vercel-china的dns才能解决问题。

在settings界面,点击domains,然后自定义一个域名然后点击add

接下来,去您的域名提供商去添加一个cname记录,名称填写上一步自己创建的域名的前面部分,然后填写dns服务器,但注意,dns服务器那里需要使用cname-china.vercel-dns.com,然后点击保存。

初始化

使用自己的域名进入waline评论服务,然后点击注册,此时做为第一个注册用户,你是管理员,注册完成后登录后台,进行一些自定义的设置即可。

配置hugo

打开你的站点目录,然后编辑config.yaml进行以下配置。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
    comments:
        enabled: true
        provider: waline
        waline:
# 服务器地址
            serverURL: https://comment.yourdomain.com
# 语言
            lang: zh-cn
# 表情包地址
            emoji:
                - https://unpkg.com/@waline/emojis@1.0.1/weibo
# 发布评论需要的信息
            requiredMeta:
                - name
                - email
                - url
            locale:
#         waline的管理员用户
                admin: admin
# 评论输入框的显示文本
                placeholder: 写下你的评论

编辑完成后重新部署网站即可生效

更多资源

如果想要了解更多的话,点击这里去官网

Licensed under CC BY-NC-SA 4.0