本文使用的是不蒜子+ClustrMaps+gitalk技术路线：

一、添加访问统计

1、添加总访问量

这里直接搜索不蒜子，然后根据其提升在自己想要的网页位置添加相关引用代码即可，只有两行：

<span id="busuanzi_container_site_pv">
	  本站总访问量<span id="busuanzi_value_site_pv"></span>次
	  本站访客数<span id="busuanzi_value_site_uv"></span>人次
	  本文总阅读量<span id="busuanzi_value_page_pv"></span>次
 </span>

2、添加访客地图

在一切开始前，你需要开通一个访客地图，注册很简单，只需要访问ClustrMaps网站。

点击右上角“Sign Up”进行注册，如果你有Google账号，也可以直接登陆。（注意： 注册邮箱无法更改）

登陆之后，你就可以点击页面上的Create New Widget来创建一个新的地图（用户菜单中的Get Map也是同样功能）

创建好后在需要的网页引入该地图即可。

二、添加评论系统gitalk

1、注册账号

点击注册OAuth Apps填写相关信息，

其中 Application name， Application description 都可以自定义内容，

但 Homepage URL，Authorization callback URL 一定要写自己 Blog 的 完整URL，如果有域名映射，就填写映射的域名，这是关键的一步。

信息填写后点击提交就完成了 Github OAuth App 的创建，

最后会得到 Client ID 和 Client Secret 两个密钥，不要关闭这个页面，在后面调用 gitalk 时会用到这两项。

2、添加引用

在想要添加评论的网页布局的html文件的合适位置（一般是网页布局的底部）插入如下代码块：

<!--gitalk js code start-->
<div id="gitalk-container"></div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script type="text/javascript">
      var gitalk = new Gitalk({
        id: window.location.pathname,
        clientID: '',
        clientSecret: '',
        repo: '',
        owner: '',
        admin: [''],
        distractionFreeMode: false
      });
      gitalk.render('gitalk-container');
</script>
<!--gitalk js code end-->
  1. clientId 和 clientSecret 就是在第一步中所获得的两串密钥 都是明文存储的；
  2. repo 填写你的仓库名字，记得确认你填写的repo，已经在Setting中打开了issure，否则会出现Error；
  3. owner和admin填写博客所在 Github的账户名。

最后更新一下网页即可查看评论！