这两天,我使用 AI Coding 了一个小项目,想在这里分享给大家。它叫 ASCS — A Simple Comment System “一个简单的评论系统”。
为什么要做这个?
起因很简单,我一直想要一个属于自己的、能完全掌控的评论系统。市面上有很多选择,但它们要么过于臃肿,要么需要付费,要么就是界面风格我不喜欢。所以,我没有做太多复杂的计划,就是想用 AI 跟着感觉,看看能做出个什么东西。整个过程可以说是非常 “Vibe-driven” 的开发体验。
ASCS 是什么样子的?
我的核心理念就是“简洁”和“现代”。
技术栈:我用了目前很流行的 Next.js 15、TypeScript、Prisma,UI 方面则选择了 shadcn/ui 搭配 Tailwind CSS。
这一套组合下来,开发体验非常流畅,最终的成品界面也干净利落,您可以在本文下方评论栏进行预览。
主要特性一览
快速集成 这是我最看重的一点。你不需要懂很多复杂的东西,只需要在你的网页里加上一个 <div>
和一个 <script>
标签,评论区就出来了。
现代化的界面和体验 得益于 shadcn/ui,ASCS 的界面在桌面和移动端上看起来都很舒服。它支持 Markdown,并且有实时预览功能,用户体验很好。
独立的管理后台 你可以自己部署,数据完全属于你。后台可以让你管理所有接入的网站和评论,审核、删除都非常方便。第一次启动时,系统还会引导你创建管理员账号。
实用的通知系统 当你的文章有了新评论或者评论被人回复时,你能通过邮件或 Telegram 收到通知,不用再频繁地登录后台查看。
AI 反垃圾评论 为了解决最烦人的垃圾评论问题,我集成了 AI 检测功能。它可以自动识别并拦截大部分垃圾信息,可疑的评论则会进入待审核列表,大大减轻了管理负担。
快速上手
整个项目是开源的,我选择了非常自由的 WTFPL 许可证,你可以随意使用、修改。
你可以去我的 GitHub 仓库查看源代码:uvexz/ascs
部署起来也非常简单:
- 克隆仓库
- 安装依赖 (pnpm install)
- 配置你的数据库等环境变量
- 启动!
具体的步骤在 README.md 文件里有详细说明。
最后
希望这个小项目能对你有帮助。如果你有任何想法或者建议,欢迎在 GitHub 上提 Issue 或 PR!