Hexo的Next主题中配置Google Analytics之后不生效的问题

发表于 更新于 分类于 阅读次数：
本片文章主要是解决在优化Hexo网站的过程中遇到的 `Google Analytics`不生效的问题。

最近在优化Hexo博客，添加网站分析的功能，在配置Google Analytics之后，一直无法生效，最终发现是因为网站配置文件_config.yml中配置的url和 GitHub Pages的自定义域名不一致导致的。如果没有配置自定义域名的话应该没有问题，但是如果配置了自定义域名的话，一定要保证网站配置文件_config.yml中配置的url和 GitHub Pages的自定义域名一致。

Part01 - Google Analytics配置

Google Analytics的配置非常简单，使用NexT主题的用户在Google Analytics官网获取到tracking_id,并在NexT主题配置文件配置好

  1. 获取tracking_id

  1. 在NexT主题配置文件_config.ym配置tracking_id
1
2
3
4
5
6
# Google Analytics
google_analytics:
  tracking_id: UA-170943611-2
  # By default, NexT will load an external gtag.js script on your site.
  # If you only need the pageview feature, set the following option to true to get a better performance.
  only_pageview: false
  1. 然后执行Hexo部署命令，部署到网站
    1
    2
    3
    hexo c
    hexo g
    hexo d
    我们来看一下网站中关于Google Analytics的代码,只有CONGIG.hostname和location.hostname一致的时候才会生效，自己可以在控制台打印一下两者是不是一致。那么CONGIG.hostname和location.hostname都是在哪里配置的呢？？？

Part02 - 配置CONGIG.hostname和location.hostname

  1. 配置CONGIG.hostname

正如上文所说，CONGIG.hostname指向得是Hexo根目录下_config.yml中配置的url

  1. 配置location.hostname

location.hostname指向的是Github网站中仓库的Github Page配置的自定义域名

到这里基本就配置完毕了，可以看下实际效果