返回首页

ASCS:一个凭感觉 AI 出来的开源评论系统

这两天,我使用 AI Coding 了一个小项目,想在这里分享给大家。它叫 ASCS — A Simple Comment System “一个简单的评论系统”。

为什么要做这个?

起因很简单,我一直想要一个属于自己的、能完全掌控的评论系统。市面上有很多选择,但它们要么过于臃肿,要么需要付费,要么就是界面风格我不喜欢。所以,我没有做太多复杂的计划,就是想用 AI 跟着感觉,看看能做出个什么东西。整个过程可以说是非常 “Vibe-driven” 的开发体验。

ASCS 是什么样子的?

我的核心理念就是“简洁”和“现代”。

技术栈:我用了目前很流行的 Next.js 15、TypeScript、Prisma,UI 方面则选择了 shadcn/ui 搭配 Tailwind CSS。

这一套组合下来,开发体验非常流畅,最终的成品界面也干净利落,您可以在本文下方评论栏进行预览。

ASCS

主要特性一览

快速集成 这是我最看重的一点。你不需要懂很多复杂的东西,只需要在你的网页里加上一个 <div> 和一个 <script> 标签,评论区就出来了。

现代化的界面和体验 得益于 shadcn/ui,ASCS 的界面在桌面和移动端上看起来都很舒服。它支持 Markdown,并且有实时预览功能,用户体验很好。

独立的管理后台 你可以自己部署,数据完全属于你。后台可以让你管理所有接入的网站和评论,审核、删除都非常方便。第一次启动时,系统还会引导你创建管理员账号。

实用的通知系统 当你的文章有了新评论或者评论被人回复时,你能通过邮件或 Telegram 收到通知,不用再频繁地登录后台查看。

AI 反垃圾评论 为了解决最烦人的垃圾评论问题,我集成了 AI 检测功能。它可以自动识别并拦截大部分垃圾信息,可疑的评论则会进入待审核列表,大大减轻了管理负担。

快速上手

整个项目是开源的,我选择了非常自由的 WTFPL 许可证,你可以随意使用、修改。

你可以去我的 GitHub 仓库查看源代码:uvexz/ascs

部署起来也非常简单:

  • 克隆仓库
  • 安装依赖 (pnpm install)
  • 配置你的数据库等环境变量
  • 启动!

具体的步骤在 README.md 文件里有详细说明。

最后

希望这个小项目能对你有帮助。如果你有任何想法或者建议,欢迎在 GitHub 上提 Issue 或 PR!

2025-09-11  1+ Views 编辑文章  返回顶部
Mastodon