部署评论系统
2026 年 1 月 8 日
Momo 支持添加评论功能,并提供两种部署方式,支持零服务器部署。详情访问仓库Momo-backend。
Waiting for api.github.com...
配置
如果需要启用评论功能,需要先部署后端评论系统,具体参考 Momo-backend 仓库。
部署完成后,在 src/config.ts 文件中,将 comments.enable 设置为 true,并填写 comments.backendUrl 为后端的URL,即可开启评论功能。
运行
评论组件使用 Svelte 编写,参考大部分的评论系统,需要输入昵称和邮箱(用于通知)进行评论,可以选择填写网址。
自定义前端
如果需要在其他项目里面使用评论功能可以直接通过 CDN 引入,使用方法如下,具体可以参考仓库Momo-backend。
<div id="momo-comment"></div>
<script src="https://cdn.jsdelivr.net/npm/@motues/momo-comment/dist/momo-comment.min.js"></script>
<script>
momo.init({
el: '#momo-comment', // 评论容器的 id
title: 'Test', // 文章标题
slugId: 'blog/test', // 文章的唯一 slugId
lang: 'zh-cn', // 语言,目前支持 zh-cn, en
apiUrl: 'https://api-momo.motues.top' // 后端地址
});
</script>
评论系统也提供后台管理界面,支持审核和删除评论。