惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Vercel News
Vercel News
The GitHub Blog
The GitHub Blog
博客园 - 【当耐特】
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Recent Announcements
Recent Announcements
D
Docker
GbyAI
GbyAI
酷 壳 – CoolShell
酷 壳 – CoolShell
WordPress大学
WordPress大学
The Cloudflare Blog
雷峰网
雷峰网
A
About on SuperTechFans
小众软件
小众软件
博客园 - Franky
博客园 - 聂微东
F
Full Disclosure
大猫的无限游戏
大猫的无限游戏
C
Check Point Blog
MongoDB | Blog
MongoDB | Blog
G
Google Developers Blog
Microsoft Azure Blog
Microsoft Azure Blog
U
Unit 42
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
V
V2EX
Engineering at Meta
Engineering at Meta
宝玉的分享
宝玉的分享
aimingoo的专栏
aimingoo的专栏
量子位
P
Proofpoint News Feed
Hugging Face - Blog
Hugging Face - Blog
博客园_首页
罗磊的独立博客
Martin Fowler
Martin Fowler
D
DataBreaches.Net
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
S
Secure Thoughts
Project Zero
Project Zero
L
LangChain Blog
阮一峰的网络日志
阮一峰的网络日志
C
Cybersecurity and Infrastructure Security Agency CISA
T
Tailwind CSS Blog
S
Schneier on Security
Blog — PlanetScale
Blog — PlanetScale
The Hacker News
The Hacker News
Spread Privacy
Spread Privacy
Security Latest
Security Latest
NISL@THU
NISL@THU
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
C
CXSECURITY Database RSS Feed - CXSecurity.com
J
Java Code Geeks

Dejavu's Blog

甲骨文 ARM 实例部署 Gemma 4 模型 Headscale + Tailscale 组建虚拟专用网 在 Linux 上使用 Yubikey OpenPGP 应用 BuyVM VPS 块存储挂载教程 Alpine Linux 服务器配置指南 Alpine Linux 安装 Cloudflared Docker 多容器共享中心数据库 安装 Komari 服务器监控工具 Scaleway VPS 安装 Debian Linux Debian 13 下部署 AsmBB 论坛 使用 Kopia 自动化备份服务器数据 给 Docker 启用 IPv6 支持 Netcup 服务器安装自定义 ISO 镜像 烽火 HG5582A 光猫开启桥接模式 Docker 自托管 Shlink 短链服务 部署 Obsidian LiveSync 实时同步服务指南 我的 2025 年不完全回顾 Linux 下 Intel 核显驱动配置与硬件加速 Fedora Linux 安装配置记录 2025 年优雅地自托管 RSS 服务 Woodpecker CI 和 Gitea 实现 Hugo 自动部署 Gitea/Forgejo 集成 Woodpecker CI/CD 在 Blinko 中使用 Ollama 作为 AI 供应商 Docker 部署 Gitea/Forgejo Plausible CE 启用城市级地理位置识别 Blinko 开源 AI 知识库 Docker 部署指南 Netcup 免税账号注册及购买服务器全记录 Docker 自托管 Cloudreve Pro 私有网盘服务 GiffGaff SIM 卡使用体验和注意事项 简体中文互联网在变得糟糕吗? 如何低成本申请 S/MIME 证书用于个人邮件服务 迁移到 NameCrane Mail 域名邮箱套件服务 香烟与咖啡 在 Windows 中使用 Yubikey 的 OpenPGP 应用 Windows 11 IoT LTSC 养老指南 巧用浏览器生成 HAR 文件批量下载所需网页资源 聊聊静态网站的评论系统 在 Hugo 站点中优雅地展示实况照片 使用 snac 部署一个简洁优雅的 ActivityPub 实例 当 25 岁来临的时候 断网的这两年 从 Bitwarden/Vaultwarden 到 KeePassXC 也许是 Android 上最好的本地播放器 - 椒盐音乐 2023 半年小结 写一个好玩的 Hugo 货币汇率转换短代码 写一个 Hugo 短代码将不同类别的总字数统计转换为书名显示 海信 Touch Lite 墨水屏音乐阅读器的简单体验 从 Debian 11(bullseye) 无感升级到 Debian 12(bookworm) 使用 GitHub Actions 自动提交 URL 到 IndexNow 批量重写 Git 历史提交记录 使用 cgit 托管小小的也很可爱的 Git 服务器 在 Debian 上使用 stagit 和 Nginx 的简单 Git 服务器 托管简单 Git 服务器的一些尝试 使用 stagit 自托管纯静态 Git 存储库 使用 Docker 快速部署单人 Fediverse 实例 我是如何建立自己的个人博客的? 简单、隐私友好的谷歌分析替代品,Plausible 自托管部署指南 服务器使用 Cloudflare CDN 的最佳实践 甲骨文服务器分配并启用 IPv6 地址 Git 版本控制学习笔记(二) Cloudflare WAF 防护策略简易指南 Mastodon 服务器批量导入自定义表情 低成本自托管 Mastodon 实例简明指南 自托管服务指南──有了服务器可以做什么? 使用 Miniflux + RSSHub 打造个人 RSS 阅读器 构建支持多种 CPU 架构的 Docker 镜像 一个可自托管的静态短链接应用 别了,二〇二二! Duplicacy CLI 进阶使用指南 Duplicacy CLI 备份工具的基本使用 初探 Cloudflare 零信任 - 通过 Docker 部署 Bitwarden 密码管理器 Yubikey 转运日志及上手指南 初探 Cloudflare 零信任 — 通过 Cloudflare Tunnel 搭建 SSH 聊天室 初探 Cloudflare 零信任 - 通过 Cloudflare Tunnel 访问服务 某科学的 PGP 算号指南 2022 年的 MacBook Air M1 使用体验及应用推荐 为什么你的搜索引擎不好用? 个人在 Windows 上常用软件清单 macOS 基础开发环境设置指南 在 macOS 上使用 Canokey 的 OpenPGP 应用 提取 Windows UWP 应用商店的安装包以供离线安装 Git 版本控制学习笔记(一) 使用 Notion 管理 GitHub Star 项目 使用 Vercel 免费部署 Giscus 评论系统 将博客评论从 Utterances 无缝迁移到 Giscus Canokey 签名和认证应用指南 Canokey 的基本使用指南 Canokey Pigeon 揽件日志及简单开箱 关于 Google Play 保护机制和 DRM 安全等级的那些事 记录一次捡垃圾装机 GitHub 使用 GPG 密钥提交签名认证 使用 Scoop 管理 Windows 下的软件和开发环境 Windows Terminal+PowerShell 7 打造 Windows 下最好用的终端 一个好用的 Telegram 文件批量上传/下载工具 Clash for Windows 优雅地使用 TUN 模式接管系统流量 全平台搭建 Hexo 静态博客指南 尝试将 Manjaro 作为主力操作系统使用 Hexo 进行 SEO 优化的基本指南 使用本地代理给 Git 和 NPM 加速 使用 flowerss 部署 Telegram RSS 订阅机器人
使用 Vercel 和 Supabase 自托管 Cusdis 评论系统
Dejavu Moe · 2022-08-19 · via Dejavu's Blog

前言

此前我 将博客评论系统迁移到 Giscus ,自托管部署一定程度上减少了 GitHub App 查询速率限制 的问题,但是毕竟 GitHub API 有着硬性限制。此外,需要登录 GitHub 才能进行评论不一定适合所有访客。

Cusdis 是一款隐私优先、完全没有追踪的开源评论系统,主要特性有:

  • 可直接使用作者提供的服务
  • 可选择多种自托管方式:Docker、Railway、Vercel……
  • 非常的轻量、暗色模式支持
  • 支持从 Disqus 导入评论数据
  • 无需登录即可评论,不收集 IP、Cookie 等信息
  • 电子邮件通知,WebHook 支持
  • 轻松集成到各种网站中
  • 评论管理后台,评论待审核(可在电子邮件通知中一键审核)
  • ……

下面我将使用 Vercel 部署 Cusdis,数据存储使用 Supabase 的免费 PostgreSQL 数据库。

配置数据库

使用 GitHub 登录 Supabase ,第一次需要建立一个组织,然后点击 New Project 新建项目。

Create Project

Database Password 是 PostgreSQL 数据库的密码,复制保存备用

Database Password

创建完成后会进入项目仪表盘,下滑页面,找到 JWT Secret 复制保存备用(JWT_SECRET)

JWT Secret

在仪表盘左侧菜单 Settings ⇒ Project settings ⇒ Database ⇒ Connection string 里,找到 URI 连接数据库的链接(DB_URL)

DB URL

这个链接格式类似下面这样:

# 将 [YOUR-PASSWORD] 替换为前面创建项目时复制的数据库密码,复制保存备用
postgresql://postgres:[YOUR-PASSWORD]@db.zheshiqianzhui.supabase.co:5432/postgres

开始部署

使用 GitHub 登录 Vercel ,点击👉 Deploy 部署项目,会自动在关联的 GitHub 账号内创建一个仓库

Create Vercel Project

将必须的四个环境变量填到右边的框内,点击 Deploy 进行初始部署

Init ENV

在 Vercel 的项目仪表盘中绑定自己的域名,设置邮件通知需要在 Environment Variables 添加以下环境变量

变量名说明示例
NEXTAUTH_URL绑定自定义域名地址https://comment.dejavu.moe
HOST用于验证的主机名comment.dejavu.moe
SMTP HOSTSMTP 主机名称smtp.larksuite.com
SMTP_ PORTSMTP 端口465
SMTP_SECURESMTP 是否启用 SSLtrue
SMTP_USERSMTP 账号邮件地址[email protected]
SMTP_ PASSWORDSMTP 登录密码Zhe4Mima2333
SMTP_SENDERSMTP 发送邮件地址[email protected]

添加好所需的环境变量:

Finish ENV

然后在 Vercel 项目仪表盘中重新部署项目,以便让新的环境变量生效

接入评论

部署完成后,访问 Cusdis 仪表盘。使用前面设置的管理员用户名和密码登录,第一次会要求添加一个网站

Add Website

进入网站评论控制台后点击 Embed Code 获取评论系统的嵌入代码

Embed Code

默认的嵌入代码格式类似下面这样|各个参数的详细说明请参考 SDK 文档

<div id="cusdis_thread"
  data-host="https://your.cusdis.domain"  // 自托管 Giscus 的域名
  data-app-id="a4bf84d1-9470-4588-96a0-648241af06f5"  // 唯一的 data-app-id不要修改
  data-page-id="{{ PAGE_ID }}"  // 当前页面唯一 ID
  data-page-url="{{ PAGE_URL }}"  // 当前页面 URL 地址
  data-page-title="{{ PAGE_TITLE }}"  // 当前页面标题
></div>
<script async defer src="https://your.cusdis.domain/js/cusdis.es.js"></script>  // 修改为你的托管域名

我使用的 Hugo 静态博客框架和 PaperMod 主题,在 Hugo 根目录的 layouts/partials 下新建 comments.html

.
├── archetypes
├── assets
├── config.yml
├── content
├── layouts
│   ├── partials
│   │   └── comments.html
│   └── shortcodes
├── public
└──  resources

参考 #32940 ,在 comments.html 写入以下内容:

<div id="cusdis_thread"
  data-host="https://cusdis.dejavu.moe"
  data-app-id="a4bf84d1-9470-4588-96a0-648241af06f5"
  data-page-id="{{ .File.UniqueID }}"
  data-page-url="{{ .Permalink }}"
  data-page-title="{{ .Title }}"
  data-theme="auto"
></div>
<script defer src="https://your.cusdis.domain/js/widget/lang/zh-cn.js"></script>
<script async defer src="https://your.cusdis.domain/js/cusdis.es.js"></script>

注意 Cusdis 使用 markdown-it 库,评论支持 Markdown,但为了安全,作者禁用了对 Markdown 图片和超链接的解析。