472 字
2 分鐘
Fuwari部署Twikoo過程分享

Twikoo — “一個簡潔、安全、免費的靜態網站評論系統”


本站原本使用Giscus的評論功能

但考慮到必須要Github賬户的侷限性

為了更方便評論,我決定放棄前者,毅然加入更權威的代表—‘Twikoo’

本文參考官方教程,也可以按照官方的來,大差不差~

搭建後端#

首先,你需要註冊一個MongoDB賬號以獲取一個免費的數據庫

MongoDB Atlas | Twikoo 文檔

區域選擇: Region優先選擇離主機近的站點,一般默認的就是。如果使用雲主機就按其地理位置為準。 設置好後,你將會得到類似的代碼:

mongodb+srv://<db_username>:<db_password>@cluster0.xxx.mongodb.net/?retryWrites......Cluster0

請牢記在 Password Authentication 下設置數據庫用户名和密碼!!!

部署數據庫#

使用你的Github賬户來登錄Vercel

Vercel Dashboard

再點擊下面的鏈接來快速部署

New Project – Vercel

Git Providers選擇GithubGit Scope選擇自己的賬户,Private Repository Name為你的庫命名。

若是一切順利,你會看見這樣的畫面

這時你還不會有Domain位址


選擇Settings - Environment Variables,填寫以下變量:

Key:MONGODB_URI
Value:mongodb+srv://<db_username>......<此处需要更改为你上面获取到的链接字符>

隨後點save

此時再選擇Deployments,點擊任意一個項目後面的三個點,再選擇Redeploy,再選擇下方的Redeploy

這時回到Overview,會發現Domain處已分配了一個域名,複製下該域名。

參數設置#

可以跟隨其他大大的教程設置本地文件,偉大無需多言

給你的 Fuwari 接入 Twikoo 評論 - 鹹魚小窩

其中,請將上面複製的域名複製到envID,並將,修改成你設置的賬號和密碼。

export const commentConfig: CommentConfig = {
twikoo: {
envId: '这里替换为你的 envId',
},
}

最後在終端輸入pnpm dev即可本地預覽,enjoy!

Fuwari部署Twikoo過程分享
https://brizen.dpdns.org/posts/twikoo-comments/
作者
Cooper Liu
發佈於
2025-08-26
許可協議
CC BY-NC-SA 4.0