0%

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

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

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

  1. 获取tracking_id
    Alt text
  2. 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
  3. 然后执行Hexo部署命令,部署到网站
    1
    2
    3
    hexo c
    hexo g
    hexo d
    我们来看一下网站中关于Google Analytics的代码,只有CONGIG.hostnamelocation.hostname一致的时候才会生效,自己可以在控制台打印一下两者是不是一致。那么CONGIG.hostnamelocation.hostname都是在哪里配置的呢???
    Alt text

####Part02 - 配置CONGIG.hostnamelocation.hostname

  1. 配置CONGIG.hostname

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

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

Alt text

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

Alt text

欢迎关注我的其它发布渠道