什么是“荣誉”？

获得荣誉是为了赢得尊重和认可。一个没有依赖关系的单元素kudos小部件。

"kudos" on urbandictionary

如何使用

1。将CSS / JS添加到您的页面

2。添加小部件HTML

<div class="kudos" 
     data-amount="0" 
     data-url="domain.tld/my-awesome-article"></div>

3。通过JS

初始化小部件

new KudosPlease({ 
  el : '.kudos',
  duration : 1500,
  persistent : true,
  status : {
    alpha: 'fontelico-emo-shoot',
    beta: 'fontelico-emo-shoot',
    gamma: 'fontelico-emo-beer'
  }  
});

免费API或自己托管

特定网址的荣誉保存在我的后端，但您也可以在GitHub上下载：https://github.com/TimPietrusky/KudosPlease

实施例

Answer 2

我重新创建了一个中型掌声按钮：

http://applause-button.com/

该按钮将claps持久保存到托管的后端服务，因此无需启动您自己的数据库。添加它就像下面这样简单：

<head>
  <!-- add the button style & script -->
  <link rel="stylesheet" href="dist/applause-button.css" />
  <script src="dist/applause-button.js"></script>
</head>
<body>
  <!-- add the button! -->
  <applause-button style="width: 58px; height: 58px;"/>
</body>

Answer 3

您可以在自己的数据库中存储“赞”。只需要一个“喜欢”的链接命中服务器并更新数据库表中的计数。当然，这需要数据库和服务器端语言（PHP，Ruby，Python等）。

https://svbtle.com/博客网络有一个很酷的“Kudos”按钮，当您将鼠标悬停在“赞誉”按钮上时，该按钮会匿名显示。 http://howtomakelightning.com/365/

我不知道你怎么会在静态网站上这样做。

Answer 4

一个人不能简单地创建一个赞按钮：D 您的按钮会将“喜欢”存储在某个地方（通常是数据库），根据定义，这是一个动态过程，并找到解决一些安全性和UX问题的方法。

如果您使用的是React，则我创建了此服务https://lyket.dev/，它将处理所有事情。

如何创建一个简单的Like按钮？

4 个答案: