以下是在五分鐘內搭建博客評論組件 Gitalk 的步驟:
在 GitHub 上創建一個新的倉庫,用來存儲博客的評論數據。例如,創建一個名為 blog-comments
的倉庫。
在博客項目的頁面中引入 Gitalk。可以使用 NPM 或者直接下載文件來引入。具體引入方式可以參考 Gitalk 的官方文檔。
在頁面中添加一個用于顯示評論的容器。可以在博客頁面的 HTML 文件中添加一個 <div>
元素,例如:
<div id="gitalk-container"></div>
var gitalk = new Gitalk({
clientID: 'YOUR_CLIENT_ID',
clientSecret: 'YOUR_CLIENT_SECRET',
repo: 'blog-comments',
owner: 'YOUR_GITHUB_USERNAME',
admin: ['YOUR_GITHUB_USERNAME'],
id: location.pathname,
distractionFreeMode: false
});
gitalk.render('gitalk-container');
請確保將上述代碼中的 YOUR_CLIENT_ID
、YOUR_CLIENT_SECRET
和 YOUR_GITHUB_USERNAME
替換為你自己的 GitHub 應用程序的客戶端 ID、客戶端密鑰和用戶名。
完成上述步驟后,你的博客頁面將會顯示 Gitalk 的評論組件,并且用戶可以通過 GitHub 賬號進行評論。評論的數據將會存儲在剛剛創建的 blog-comments
倉庫中。你可以在 Gitalk 的官方文檔中找到更多的配置選項,以及如何在本地調試 Gitalk 的詳細信息。