Giter Club home page Giter Club logo

artalk's Introduction

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

artalk's People

Contributors

qwqcode avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.