注册新应用

打开网址：https://github.com/settings/applications/new

在Application name一栏填写应用名称，可随意填写，但必须填写
Homepage URL一栏填写博客主页，必填，我这里是：https://xujinzh.github.io/
Application description一栏是对该应用的描述信息，可以选填
Authorization callback URL一栏是应用程序的回调URL，也是博客主页，必填，我这里是：https://xujinzh.github.io/

点击注册后，会跳转到应用信息页，显示有该应用的用户Client ID和Client Secret，这两个参数在下面配置项中将用到，请保持打开该页面，方便进行一下的配置。

配置gitalk

新方法

推荐使用最新配置的方法，只需要配置主题里面的 _config.xml 或主目录下的 _config.next.yml

# Gitalk
# For more information: https://gitalk.github.io
gitalk:
  enable: true
  github_id: xujinzh # GitHub repo owner
  repo: xujinzh.github.io # Repository name to store issues
  client_id: 6**5 # GitHub Application Client ID
  client_secret: 9**5 # GitHub Application Client Secret
  admin_user: xujinzh # GitHub repo owner and collaborators, only these guys can initialize gitHub issues
  distraction_free_mode: true # Facebook-like distraction free mode
  # When the official proxy is not available, you can change it to your own proxy address
  proxy: https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token # This is official proxy address
  # Gitalk's display language depends on user's browser or system environment
  # If you want everyone visiting your site to see a uniform language, you can set a force language value
  # Available values: en | es-ES | fr | ru | zh-CN | zh-TW
  language: en

参考：

Hexo 集成 Gitalk 评论系统

旧方法

这里“~”表示博客主目录

在目录**~\themes\next\layout_third-party\comments**下创建gitalk.swig 文件，并插入如下内容

{% if page.comments && theme.gitalk.enable %}
  <link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">

  <script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
   <script type="text/javascript">
        var gitalk = new Gitalk({
          clientID: '{{ theme.gitalk.ClientID }}',
          clientSecret: '{{ theme.gitalk.ClientSecret }}',
          repo: '{{ theme.gitalk.repo }}',
          owner: '{{ theme.gitalk.githubID }}',
          admin: ['{{ theme.gitalk.adminUser }}'],
          id: location.pathname,
          distractionFreeMode: '{{ theme.gitalk.distractionFreeMode }}'
        })
        gitalk.render('gitalk-container')           
       </script>
{% endif %}

修改**~\themes\next\layout_partials下的comments.swig 文件，添加如下内容的第5、6行**。

  {% elseif theme.valine.appid and theme.valine.appkey %}
    <div class="comments" id="comments">
    </div>

  {% elseif theme.gitalk.enable %}
    <div id="gitalk-container"></div>

  {% endif %}

{% endif %}

修改**~\themes\next\layout_third-party\comments**下的index.swig文件，在最后一行添加如下内容
1
{% include 'gitalk.swig' %}

在目录**~\themes\next\source\css_common\components\third-party**下新建文件gitalk.styl，添加如下内容

.gt-header a, .gt-comments a, .gt-popup a
  border-bottom: none;
.gt-container .gt-popup .gt-action.is--active:before
  top: 0.7em;

修改目录**~\themes\next\source\css_common\components\third-party**下的third-party.styl，再最后一行添加如下内容
1
@import "gitalk";

修改目录**~\themes\next**下的_config.yml文件，添加如下内容

gitalk:
  enable: true
  githubID: xujinzh
  repo: gitalk-comments
  ClientID: Client ID
  ClientSecret: Client Secret
  adminUser: xujinzh  #此项为初始化评论账号，每一篇文章都需要该用户初始化评论后其他人才可以评论
  distractionFreeMode: true

该部分可参考：使用gittalk实现hexo博客评论功能.

busuanzi网站统计

不蒜子的官网：http://busuanzi.ibruce.info/

按照官网教程，需要把以下代码添加到文件**~\themes\next\layout_partials\footer.swig**最后一行，

<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

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

修改文件：**~\themes\next_config.yml**的如下内容

busuanzi_count:
  # count values only if the other configs are false
  enable: true

  # custom uv span for the whole site
  site_uv: true
  site_uv_header: <i class="fa fa-user"></i>
  site_uv_footer:

  # custom pv span for the whole site
  site_pv: true
  site_pv_header: <i class="fa fa-eye"></i>
  site_pv_footer:

  # custom pv span for one page only
  page_pv: true
  page_pv_header: <i class="fa fa-file-o"></i>
  page_pv_footer: