鸽了1年半，现在把这个坑填上吧。居然没想象中那么难🤣

总述：

评论系统：Twikoo

云函数及数据库配置：MongoDB，Netlify（Twikoo官方教程

推送：pushoo，Telegram bot

回复：Gmail

旧：

评论系统：Valine

云函数及数据库配置：Leancloud

推送：~~none~~

回复：~~none~~

一、评论系统准备工作：

Twikoo官方教程中详细介绍了如何注册数据库及云函数的全过程，这里为了展示我的试错过程，摘要过来+附上我的理解（粗体表示）

Netlify 部署

①数据库的注册

注意

Netlify 部署的环境需配合 1.4.0 以上版本的 twikoo.js 使用

Netlify 免费等级（Functions Level 0）支持每月 125,000 请求次数和 100 小时函数计算时长

申请 MongoDB 账号

创建免费 MongoDB 数据库，区域推荐选择 AWS / N. Virginia (us-east-1)

数据库的名字可以随便起

在 Database Access 页面点击 Add New Database User 创建数据库用户，Authentication Method 选 Password，在 Password Authentication 下设置数据库用户名和密码，用户名和密码可包含数字和大小写字母，请勿包含特殊符号。点击 Database User Privileges 下方的 Add Built In Role，Select Role 选择 Atlas Admin，最后点击 Add User

在 Network Access 页面点击 Add IP Address，Access List Entry 输入 0.0.0.0/0（允许所有 IP 地址的连接），点击 Confirm

在 Database 页面点击 Connect，连接方式选择 Drivers，并记录数据库连接字符串，请将连接字符串中的 <username>:<password> 修改为刚刚创建的数据库 用户名:密码

②云函数的配置

申请并登录 Netlify 账号，创建一个 Team

打开 twikoojs/twikoo-netlify 点击 fork 将仓库 fork 到自己的账号下

回到 Netlify，点击 Add new site - Import an existing project

点击 Deploy with GitHub，如果未授权 GitHub 账号，先授权，然后选择前面 fork 的 twikoo-netlify 项目

点击 Add environment variables - New variable，Key 输入 MONGODB_URI，Value 输入前面记录的数据库连接字符串，点击 Deploy twikoo-netlify

这里的数据库连接字符串的全部示例是以下格式：

mongodb+srv://:<PASSWORD>@twikoo.XXXXXXXmongodb.net/?retryWrites=true&w=majority

在云函数fork之前需要把以上:改为你数据库Add New Database User 一步中所创建的用户+密码即可

⭐️部署完成后，点击 Domain settings - 右侧 Options - Edit site name，可以设置属于自己的三级域名（https://xxx.netlify.app）

进入 Site overview，点击上方的链接，如果环境配置正确，可以看到 “Twikoo 云函数运行正常” 的提示

我这里因为编码貌似不对，中文不能正确展示。暂不清楚是macOS的问题还是我本地的问题，也无关紧要了

二、blog配置更改

打开_config.butterfly.yml，找到# Comments System

comments:
  # 最多两个注释系统，第一个将显示为默认值
  # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42
  use: Twikoo # Valine,Disqus
  text: true # 在按钮旁边显示注释名称
  # lazyload: 当注释元素进入浏览器的视口时，将加载注释系统。
  # If you set it to true, the comment count will be invalid
  lazyload: true
  count: true # Display comment count in post's top_img
  card_post_count: false # Display comment count in Home Page

按以上重写，lazyload推荐打开提高网站性能

向下找到# Twikoo处，envId处填入https://XXXX.netlify.app/.netlify/functions/twikoo（⭐️处的内容）

visitor: true

# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
  envId: https://XXXXXXX.netlify.app/.netlify/functions/twikoo
  region:
  visitor: true
  option:

这样你就把评论系统由Valine改为Twikoo了，不过还有几个注意的地方。