jekyll 中帖子的点赞按钮答案

【问题标题】：like button for posts in jekylljekyll 中帖子的点赞按钮
【发布时间】：2016-09-06 08:31:26
【问题描述】：

我想为我的 jekyll 博客主页上的每篇文章添加一个赞按钮我没有找到任何插件。我不想要任何连接到公司/产品页面点赞的 Facebook 点赞按钮。

我想要一个独立于任何社交平台且仅与帖子相关的点赞按钮。

类似的东西

【问题讨论】：

标签： jekyll blogs

【解决方案1】：

简短的回答：你不能。

长答案：您的按钮将在某处（通常是数据库）存储“喜欢”，根据定义，这是一个动态过程。 Jekyll 只能生成静态数据。

您可以将按钮绑定到外部服务，例如LikeBtn 提供此类功能（免费提供缺少统计等高级功能）。

无论您选择什么服务，它通常都可以通过添加 javascript sn-p 来工作，就像谷歌分析一样。您可以了解如何将 google analytics 与 jekyll 一起使用来帮助您（例如 here）。

【讨论】：

是的，可以使用 Js 和 firebase 等工具。 xyzcoder.github.io/firebase/2019/03/17/…

【解决方案2】：

是的，可以通过将自定义 JavaScript 代码和数据库写入 Jekyll 生成的静态站点来添加点赞按钮并跟踪点赞数。

所以来到数据库，因为它是一个静态页面，不涉及任何服务器，不可能直接与数据库交互，但有一种方法。就我而言，我正在使用firebase。 Firebase by Google 为我们提供了许多功能，例如存储、数据库、托管以及使用函数访问无服务器架构。

言归正传，您只需注册http://firebase.google.com 然后创建一个应用程序，然后在您的 JavaScript 中的 head 标签中添加以下代码

<script src="https://www.gstatic.com/firebasejs/5.9.0/firebase.js"></script>
<script>
  // Initialize Firebase
  // TODO: Replace with your project's customized code snippet
  var config = {
    apiKey: "<API_KEY>",
    authDomain: "<PROJECT_ID>.firebaseapp.com",
    databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
    projectId: "<PROJECT_ID>",
    storageBucket: "<BUCKET>.appspot.com",
    messagingSenderId: "<SENDER_ID>",
  };
  firebase.initializeApp(config);

var timestamp = new Date().valueOf();
            var obj = {};
            obj[timestamp] = "1";

            firebase.database().ref('/').update(obj)
</script>

更多详情，你可以访问我关于这个主题的博客

https://xyzcoder.github.io/firebase/2019/03/17/firebase-real-time-database.html

注意：我们还可以对谁可以读写数据到我们的 json 存储区实施安全限制

谢谢，帕万

【讨论】：