一款简洁有趣的自托管评论系统
- 轻量简洁 (~23kB gzipped)
- 有趣有爱
- 自托管
- Markdown
- 表情自定
- 滑稽表情包
- 管理员密码,防冒名
- 验证码,提交频率限制
- 通知中心,邮件提醒
- 仅管理员可评论
- 无限层级回复
- 滚动加载更多
- 评论折叠
- 一页多个评论
- TypeScript
前端资源下载:Artalk.js | Artalk.css
- 部署 Artalk 的后端,传送门:PHP API / Go API / Node API / Python API
- 前端页面配置 Artalk 如下:
<!DOCTYPE html>
<html>
<head>
<!-- ... -->
<link href="dist/Artalk.css" rel="stylesheet">
</head>
<body>
<div id="ArtalkComments"></div>
<!-- ... -->
<script src="dist/Artalk.js"></script>
<script>
new Artalk({
el: '#ArtalkComments', // 元素选择
placeholder: '来啊,快活啊 ( ゜- ゜)', // 占位符
noComment: '快来成为第一个评论的人吧~', // 无评论时显示
defaultAvatar: 'mp', // 参考 https://cn.gravatar.com/site/implement/images/#default-image
pageKey: '[页面唯一标识]',
serverUrl: '[后端程序URL]',
readMore: { // 阅读更多配置
pageSize: 15, // 每次请求获取评论数
autoLoad: true // 滚动到底部自动加载
}
});
</script>
</body>
</html>
前端更多栗子,请参考 /example/ 目录
前端更多配置项详见 /types/artalk-config.d.ts
git clone https://github.com/qwqcode/Artalk.git
cd Artalk
yarn install
# Dev
yarn run dev
# Build
yarn run build
Made with ♥ by QWQAQ
如果您愿意给予我一点点支持与帮助,可以通过下面的方式向我捐助,爱你~~~ (/ω\)
Alipay | |
---|---|
捐助者的名字将保存于 捐助者名单
最后,我再次对您致以我最最最最最诚挚的感谢!