评论系统

比较常见的评论系统是 giscus、utterances 、gitalk 和 disqus。前三种评论都依赖于 github 账号。

评论系统giscus

giscus 是基于 Github Discussions 实现的 giscus 评论系统，受 utterances 的启发。它会使用 Github Discussions 搜索 API 来搜索当前页面对应的 discussions，即对于当前页面的评论。

评论系统disqus

官方网站 Disqus
注册一个账号，绑定网站主页即可使用 disqus。

统计功能

谷歌统计

• 统计功能是通过 Google Analytics 实现，同样也是参考 issue 实现的。注册 Google Analytics，会生成一段 JS 代码，再把代码插入到博客的 head 里即可。
• 统计代码格式如下：

index名称：************  
index网址：你需要进行统计的网址  
账号ID：************  
分析代码：G-********  

• 对于 ODG，插入位置是：src/site/_includes/components/user/index/head。
• 重新部署完成后，在 Google Analytics 侧测试下博客域名地址，通过即说明安装完成。然后就可以在报告页看到网站的流量统计数据了。

百度统计

• 注册地址 百度统计——一站式智能数据分析与应用平台
• 在 网站列表 里 新增网站，获取以下信息：
  • 域名：你创建项目时设置的域名
  • 网站名称：你自己设置的名称
• 点击获取代码，得到如下格式的一段代码：

<script>  
var _hmt = _hmt || [];  
(function() {  
  var hm = document.createElement("script");  
  hm.src = "https://hm.baidu.com/hm.js?431aaa51xxxxxxxxx0beab6cba0ab80bc";  
  var s = document.getElementsByTagName("script")[0];   
  s.parentNode.insertBefore(hm, s);  
})();  
</script>  

Umami 统计

• 访问 umami 官网 注册一个账号，新建一个项目
• 进入控制台，点击左侧 Websites，在创建的项目上点击 edit，获得如下信息：
  • 网站 ID：xxxxxxxxx-xxxxx-xxxxxx-xxxxxxxxxxxxx
  • 名称：你建立项目所设置的名称
  • 域名：你需要统计的域名，不带 https
  • 跟踪代码：<script defer src="https://eu.umami.is/script.js" data-website-id="此处为你的网站ID"></script>
• 将跟踪代码嵌入到网页代码中即可。有的博客模板仅需要填写 网站ID、名称和域名 三个字段，不需要代码。

搜索功能

• 访问 algolia官网
• 注册一个账号，并新建一个项目，在 设置 – API 里获取以下信息：
  • 应用 ID：你新建的项目会自动生成一个
  • 搜索 API：xxxxxxxxxxxxxxxxxxx
  • indexName：你新建项目时设置的
• 代码如下：

search: {  
	provider: "algolia",  
	config: {  
		appId: "xxxxxxx",  
		apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxx",  
		indexName: "xxxxxxxxx",  
	},  
},  

简单一点，可以直接用有些模板里自带的 kbar 搜索。