hexo Stellar主题通过Vercel部署waline

一直想给自己的博客添加评论系统，拖到了现在终于加上了。本文是傻瓜式教程，如果嫌麻烦可以直接参考XAOXUU的，地址在下方。本文使用的是waline评论插件，通过Vercel部署。

LeanCloud(数据库)注册

1. 登录 或 注册 LeanCloud 国际版 并进入 控制台
2. 在LeanCloud中 创建应用(选择免费开发版即可)
3. 进入应用，选择左下角的 设置 > 应用 Key。你可以看到你的 APP ID,APP Key 和 Master Key。请记录它们，以便后续使用。

Vercel 部署

1. 登录 或 注册 Vercel，并绑定自己的github账号。
2. 输入一个你喜欢的 Vercel 项目名称并点击 Create 继续:
   
3. 此时 Vercel 会基于 Waline 模板帮助你新建并初始化仓库，仓库名为你之前输入的项目名。(对应的github上也会有这个仓库-私密仓库)
   一两分钟后，满屏的烟花会庆祝你部署成功。此时点击 Go to Dashboard 可以跳转到应用的控制台。

4. 点击顶部的 Settings - Environment Variables 进入环境变量配置页，并配置三个环境变量 LEAN_ID, LEAN_KEY 和 LEAN_MASTER_KEY 。它们的值分别对应上一步在 LeanCloud 中获得的 APP ID, APP KEY, Master Key。
5. 环境变量配置完成之后点击顶部的 Deployments 点击顶部最新的一次部署右侧的 Redeploy 按钮进行重新部署。该步骤是为了让刚才设置的环境变量生效。
6. 此时会跳转到 Overview 界面开始部署，等待片刻后 STATUS 会变成 Ready。此时请点击 Visit ，即可跳转到部署好的网站地址，此地址即为你的服务端地址。
7. 域名
   域名绑定(可选)，就算不绑定 Vercel 也会分配一个域名。
   查看默认域名

   域名绑定

   1. 进入Vercel App 管理
   2. 进入对应App管理页面。
   3. App信息卡片有个Deployment信息，这就是分配的域名。

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

      Type	Name	Value
      CNAME	example	cname.vercel-dns.com

   2. 在App 管理页面点击顶部的 Settings - Domains 进入域名配置页。
   3. 输入需要绑定的域名并点击 Add。

   

   4. 等待生效，你可以通过自己的域名来访问了🎉
8. 评论管理页面

• 如果是绑定了自己的域名
  评论系统：域名
  评论管理：域名/ui
• 如果没绑定自己的域名
  评论系统：分配的域名
  评论管理：分配的域名/ui

stellar 添加waline插件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

comments:
  service: waline
  waline:
    js: https://unpkg.com/@waline/client@v2/dist/waline.js
    css: https://unpkg.com/@waline/client@v2/dist/waline.css
    # Waline server address url, you should set this to your own link
    serverURL: https://xxx # waline域名 地址
    # If false, comment count will only be displayed in post page, not in home page
    commentCount: true
    # Pageviews count, Note: You should not enable both `waline.pageview` and `leancloud_visitors`.
    pageview: false

    # Custom locales
    locale:
      placeholder: # 输入框内提示文字

    # Custom emoji
    emoji: 
      - https://gcore.jsdelivr.net/gh/norevi/[email protected]/blobs
    #   - https://unpkg.com/@waline/[email protected]/weibo
    #   - https://unpkg.com/@waline/[email protected]/alus
    #   - https://unpkg.com/@waline/[email protected]/bilibili
    #   - https://unpkg.com/@waline/[email protected]/qq
    #   - https://unpkg.com/@waline/[email protected]/tieba
    #   - https://unpkg.com/@waline/[email protected]/tw-emoji
    #   - https://unpkg.com/@waline/[email protected]/bmoji