artalk

一款简洁有趣的自托管评论系统

Usage no npm install needed!

<script type="module">
  import artalk from 'https://cdn.skypack.dev/artalk';
</script>

README

Artalk

Artalk

一款简洁有趣的自托管评论系统

特性

  • 轻量简洁 (~23kB gzipped)
  • 有趣有爱
  • 自托管
  • Markdown
  • 表情自定
  • 滑稽表情包
  • 管理员密码,防冒名
  • 验证码,提交频率限制
  • 通知中心,邮件提醒
  • 无限层级回复
  • 滚动自动加载
  • 评论打分
  • TypeScript

查看 DEMO

食用

前端资源下载:Artalk.js | Artalk.css

  1. 部署 Artalk 的后端,传送门:PHP API / Go API / Node API / Python API
  2. 前端页面配置 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 Wechat

捐助者的名字将保存于 捐助者名单

最后,我再次对您致以我最最最最最诚挚的感谢!

License

GPL-2.0