discuss与twikoo评论系统

`discuss`与`twikoo`评论系统

本文档属于瞎折腾系列博主使用评论系统为Valine 体验感极好

一. twikoo

见下方截图

注册mongondb账号
申请点击free版实际配置不会太高内存为512M (按照下方截图操作)

配置MongoDB数据库

ip设置为0.0.0.0/0即可：

[{"url":"https://f005.backblazeb2.com/file/ZzNnWn-Images/boke-img/0fd5cc34-b04f-4273-a49c-a0811c644450.png","alt":""},{"url":"https://f005.backblazeb2.com/file/ZzNnWn-Images/boke-img/0766a2c8-09a3-4e48-8ee3-10095fa46afe.png","alt":""}]

创建数据库用户（自定义如本文档为xwgegewu），请记住这里的password（此为随机生成），后面步骤需要使用到。

[{"url":"https://f005.backblazeb2.com/file/ZzNnWn-Images/boke-img/e6c53c0d-5702-49b4-b069-8ca70ffc8c2a.png","alt":""}]

点击连接mondondb

稍作等待创建好数据库即可，随后点击Connect(连接)，点击选择Connect you application(连接应用程序)，然后复制连接数据库字符串

注意

需要将字符串中的<password>替换为您在第三步创建的数据库用户密码，修改myFirstDatabase为你想要的数据库名称例如:Discuss

[{"url":"https://f005.backblazeb2.com/file/ZzNnWn-Images/boke-img/290b6741-dca2-43cf-95f8-da7b16e72302.png","alt":""}]

此时mongondb申请完成。

twikoo

部署仓库
点击以下链接将Twikoo一键部署到Vercel (此时会自动在Github生成一个该名称到仓库)

注：如果导入后出现空白界面或部署失败等现象，极大可能是Twikoo的仓库地址更换了，本文未能及时更新，可以自行前往Twikoo文档中获取部署链接：
https://twikoo.js.org/quick-start.html#vercel-%E9%83%A8%E7%BD%B2

[{"url":"https://f005.backblazeb2.com/file/ZzNnWn-Images/boke-img/3003dd27-3940-4690-be28-224934bd89c8.png","alt":""}]

新建环境变量

进入Settings - Environment Variables页面。
新建一个NAME为MONGODB_URI;VALUE为你在前面记录到的数据库连接字符串的环境变量。

[{"url":"https://f005.backblazeb2.com/file/ZzNnWn-Images/boke-img/38008996-b4a4-48bb-9304-0f571467a13e.png","alt":""}]
此时部署完成（此url即为配置butterfly时到envID）

[{"url":"https://f005.backblazeb2.com/file/boke-images/zznnwn/cf38fbe4-01cc-4bdc-aed2-223e82245454.png","alt":""}]

butterfly引入(此处参考 Hexo + Butterfly 建站指南（四）Twikoo 评论系统 | NX の博客 (nickxu.me)) 即可)

conments配置

# Comments System
# --------------------------------------

comments:
  # Up to two comments system, the first will be shown as default
  # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus
  use: twikoo # Valine,Disqus
  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

twikoo配置(统一填为ap-shanghai)
1
2
3
4
5
6
7
# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
envId: https://twikoo-notspdfdog.vercel.app/
region: ap-shanghai
visitor: true
option:
初始化管理密码

[{"url":"https://f005.backblazeb2.com/file/boke-images/zznnwn/6700f923-5e34-4276-b802-0aa8397d8bb4.png","alt":""},{"url":"https://f005.backblazeb2.com/file/boke-images/zznnwn/2515a7c8-6ae0-435f-bc0a-ff4f50b2c885.png","alt":""}]

二. `discuss`

点此链接跳转到vercel 同上方twikoo一样随便取一个项目名Github会自动创建此名称仓库
部署完成后跳转到settings设置变量

变量为

D_MONGO_URL 此为mongondb数据库连接字符串同上

DISCUSS_MONGODB 默认使用：I9JU23NF394R6HH

DISCUSS_DB_TYPE 类型：mongodb

此即部署完成效果如下

[{"url":"https://f005.backblazeb2.com/file/boke-images/zznnwn/ad0b7e9f-f8ec-4b67-8580-b0bb95b93770.png","alt":""},{"url":"https://f005.backblazeb2.com/file/boke-images/zznnwn/0e488d6b-e39d-4318-ad9d-353a4e09c1c9.png","alt":""}]