文章摘要

GPT 4

此内容根据文章生成，并经过人工审核，仅用于文章内容的解释与总结

前言

Twikoo作为一种轻量方便的评论系统，一度被许多博客使用。此文基于原文继续添加一个评论系统，让你可以顺利装逼！(bushi)

Part1. 前端配置

不同主题的方法与本文不同，但大体相似，部分博客没有双评论！

本文使用的主题：

引用站外链接

Solitude

官方文档地址

找到评论并配置：

# 评论
# comment
# getting start: 
comment:
  use: waline,twikoo # waline, twikoo, valine, artalk
  commentBarrage: true # 热评开关 / Hot comment switch
  lazyload: true # 懒加载
  count: true # 评论数展示
  pv: false # 是否使用評論統計頁面訪問
  avatar: https://cravatar.cn # Gravatar link
  newest_comment:
    enable: ture
    storage: .5 # 缓存时间 1: 1天 / .5 : 半天 / Cache time 1: 1 day .5 : half a day

找到Twikoo评论信息，不要关闭，等下还要使用：

# twikoo 配置信息
# twikoo settings
twikoo:  # https://twikoo.js.org/
  envId: ************************ # url
  region:  # 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填
  style: true # Use custom styles when turned on / 开启后使用自定义样式
  accessToken: # AccessToken
  option: # twikoo option

如果你的博客不支持Twikoo，可以在你想引入的地方引入以下代码：

<div id="tcomment"></div>
<script src="https://cdn.jsdelivr.net/npm/twikoo@1.6.36/dist/twikoo.all.min.js" integrity="sha384-4KfOjEinLSkv1i1J8TzlkC/RTnuiLoR1OLerVgjEKoH5djYtbf7mzEFsz9p3nfuA" crossorigin="anonymous"></script>
<script>
twikoo.init({
  envId: '您的环境id', // 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app）
  el: '#tcomment', // 容器元素
  // region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填
  // path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数
  // lang: 'zh-CN', // 用于手动设定评论区语言，支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/i18n/index.js
})
</script>

Part2. 配置后端

①使用腾讯云服务器

进入云开发CloudBase活动页面，滚动到“新用户专享”部分，选择适合的套餐，点击“立即购买”，按提示创建好环境。

推荐创建上海环境。如选择广州环境，需要在 twikoo.init() 时额外指定环境 region: “ap-guangzhou”
环境名称自由填写
推荐选择计费方式包年包月，套餐版本基础版 1，超出免费额度不会收费
如果提示选择“应用模板”，请选择“空模板”

进入云开发控制台
进入环境-登录授权，启用“匿名登录”
进入环境-安全配置，将网站域名添加到“WEB安全域名”
进入环境-云函数，点击“新建云函数”
函数名称请填写：twikoo，创建方式请选择：空白函数，运行环境请选择：Nodejs 16.13，函数内存请选择：128MB，点击“下一步”
清空输入框中的示例代码，复制以下代码、粘贴到“函数代码”输入框中，点击“确定”

1	exports.main = require('twikoo-func').main

创建完成后，点击“twikoo”进入云函数详情页，进入“函数代码”标签，点击“文件 - 新建文件”，输入 package.json，回车
复制以下代码、粘贴到代码框中，点击“保存并安装依赖”

1	{ "dependencies": { "twikoo-func": "1.6.36" } }

②使用Vercel

Vercel的免费域名在国内已无法访问，可参考：

站内链接

Waline--评论系统的添加(1) | Minecraft-Sep

MC-Sep

申请MongoDB账号，参考：

引用站外链接

MongoDB Atlas | Twikoo官方文档

Twikoo官方文档

点击快速部署：

输入你喜欢的名字，点击Create:

满屏烟花时点击Continue to Dashboard:

点击Settings->Environment Variables，变量添加MONGODB_URI，内容则是你获取到的mongodb获取接口，点击Save：

点击Domains，确保你的域名已添加内容为cname-china.vercel-dns.com的CNAME记录，输入你的域名，点击Add，等待后即可访问：

回到主题配置文件，修改：

# twikoo 配置信息
# twikoo settings
twikoo:  # https://twikoo.js.org/
  envId: my-twikoo.js.cool # url
  region:  # 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填
  style: true # Use custom styles when turned on / 开启后使用自定义样式
  accessToken: # AccessToken
  option: # twikoo option

1	hexo cl&&hexo g&&hexo s

检查无误后即可。

因为Vercel业务的调整，现在使用这种方式很容易就：

所以多试几次吧。。。。。。

③普通服务器部署

私有部署的环境需配合 1.6.0 或以上版本的 twikoo.js 使用

私有部署对服务器系统没有要求，Windows、Ubuntu、CentOS、macOS 等常用系统均支持。

私有部署涉及终端操作、申请证书、配置反向代理或负载均衡等高级操作，如果对这些不太了解，建议优先选择其他方式部署。

服务端下载安装 Node.js
安装 Twikoo server: npm i -g tkserver
根据需要配置环境变量，所有的环境变量都是可选的

名称	描述	默认值
`MONGODB_URI`	MongoDB 数据库连接字符串，不传则使用 lokijs	`null`
`MONGO_URL`	MongoDB 数据库连接字符串，不传则使用 lokijs	`null`
`TWIKOO_DATA`	lokijs 数据库存储路径	`./data`
`TWIKOO_PORT`	端口号	`8080`
`TWIKOO_THROTTLE`	IP 请求限流，当同一 IP 短时间内请求次数超过阈值将对该 IP 返回错误	`250`
`TWIKOO_LOCALHOST_ONLY`	为`true`时只监听本地请求，使得 nginx 等服务器反代之后不暴露原始端口	`null`
`TWIKOO_LOG_LEVEL`	日志级别，支持 `verbose` / `info` / `warn` / `error`	`info`
`TWIKOO_IP_HEADERS`	在一些特殊情况下使用，如使用了`CloudFlare CDN` 它会将请求 IP 写到请求头的 `cf-connecting-ip` 字段上，为了能够正确的获取请求 IP 你可以写成 `['headers.cf-connecting-ip']`	`[]`