利用Hexo搭建你的个人网站 - 下篇

利用Hexo搭建你的个人网站 - 下篇

拖更了大半年之久,期待已久的下篇终于要更新了。从本文开始将配置开启文章评论,还会介绍如何配置一些网站访问分析的工具,例如Clustrmaps, Google Analytics等。

开启文章评论

在综合考虑后,本站将开启评论系统并采用Disqus评论系统,因为在内地Disqus有可能被屏蔽,所以同时选择开启DisqusJS用以支持在网络受限制的地区使用。

本站采用的Fluid主题自带对这两个评论系统的支持,所以我们只需要申请对应的账号,并填写在主题的配置文件中即可。具体的账户注册过程不必赘述,要提醒的是,Disqus注册完可能要几分钟以后才能正常在我们的网站中加载出来,所以请耐心等待。

配置网站访问分析工具

为了对网站访问的流量有所了解,我选择使用以下两个系统来追踪分析,下面分别介绍如何配置。

Clustrmaps

首先在Clustrmaps注册账户并注册自己的网站,选择使用Map Weight或Globe Weight后,下一步可以看到提供的两种code snippets. 我们选择plain image embed code,形式如下:

1
<a href="https://clustrmaps.com/site/xxxxx"  title="Visit tracker"><img src="//www.clustrmaps.com/map_v2.png?d=abcdefghijklmn" /></a>

接下来,我们将这段代码复制到主题配置文件中的footer属性下的content属性中。就可以在网站的最下方看到网站的访问量了。

Google Analytics

同样在Google Analytics注册账户并注册自己的网站,这部分的按照引导流程走下来一般不会遇到太大的问题,最后填写主题配置文件中web_analytics下的google属性和gtag属性即可。

Google Search Console

最后给网站配置上Google Search Console,这样我们可以看到自己的网站在搜索引擎下的搜索排名。

由于本站域名为xutong.tech, 并没有配置三级域名,在DNS解析上已经存在主机记录为@的CNAME类型解析,所以无法满足Google Search Console通过添加TXT类型的DNS解析验证域名所有。所以本站采用了URL prefix的方式来验证域名,在Fluid主题配置文件的custom_head属性中添加如下代码即可:

1
custom_head: '<meta name="google-site-verification" content="aabbccddeeff" />'

需要指出来的是,如果你也遇到了添加以后网站的Sitemap一直无法正确被Google Search Console识别的情况,那么请再次耐心等待。我曾经怀疑过自己网站生成的Sitemap是否符合Google Search Console标准,是否可以被正常访问等问题,但是都验证排除了。

网上也有一些讨论说Google Search Console对于Sitemap的抓取有bug, 产品显示未正确获取,但其实后台是正常的,新网站一般多等几天就会好。等了一周,网站的Sitemap还是无法被识别。我再次检查了各种可能的因素,还是不能找到潜在问题。后面就放着不理会了,这也间接导致了博客搭建的下篇迟迟不能更新。没想到一个月以后登上去看了一眼,自己变好了。所以,如果你检查了自己的Sitemap没问题的话,那就多等等吧。

结语

博客搭建的教程就到此了,后续本博客有比较大的改动的话,会另外更新在新的文章。接下来会更新一些目前在做的课题的一些总结,例如千亿参数的Transformer模型背后的训练技术,入门支撑深度学习大模型的分布式训练技术推荐阅读的论文等等。敬请期待!


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!