IP container
发表于:2023-08-29 |

前言

很久以前就想给博客添加一个能记录访问者IP的功能,一直没找到合适的方法。。。主要是因为我看到busuanzi统计的访客数每天都在不停地增多,但是我似乎并没有把我的博客的存在告诉过很多人啊,就很离谱。。。

总之就是上网找了很多方法。开始是想在主页显示一个IP地图的同时,记录下访问者IP来着,但是实现完这个功能之后,不禁觉得网站提供的地图实在是太丑了(而且清晰度真的太低了,无语住了。。。所以就决定在主页不显示地图的条件下,完成对访问者IP的记录。最终在这篇博客的启发下用一个有亿点鸡贼的方法完成了这个艰巨的任务(真的花了好几天尝试了各种各样的方法!)各位大佬轻喷qaq

操作步骤

网站注册

用hexo搭建博客的大家似乎普遍都偏向于使用Clustrmaps.com来记录访问者IP。我也follow了。直接登录网站注册就行。

自定义代码

  1. 右上角点击Create Your Widget,提交博客域名,选择样式,即创建成功;
  2. 右上角点击头像,下拉菜单选My Websites,点击Customize
  3. Size 项点选Custom Size
  4. Widget Colors 项将所有颜色改为纯白,即#ffffff
  5. Widget Code 项选Javascript based,复制 JS 代码。

效果图如下所示:

修改layout文件

由于我这边的脚本文件是.ejs格式的文件,所以我可以直接复制粘贴 JS 代码(乐)。

在博客目录(\themes\hexo-theme-bamboo\layout\_partial\footer\)下,我用的主题bamboo主题有三个文件:busuanzi.ejsfish.ejsfooter.ejs。可以把刚刚复制的 JS 代码粘贴到这三个文件中的任意一个文件的任意位置,然后看看在网页上显示的效果咋样,是否明显(这一步只能靠自己慢慢调了,我也是调了半天)。

最后我把它扔在了最下面,虽然空了一大块,但是几乎看不出来,乐。

部署

最后就到了大家最擅长的:

1
2
hexo clean
hexo d

写在最后

  1. 那篇博客里面还提到了一个方法:可以收藏一个链接(每个站点都有一个固定地址可以查看访问数据),放在友情链接里,方便想起时查看;
  2. 如果您有不鸡贼的方法,在此特求指教一二!
上一篇:
SBOM自动生成工具
下一篇:
Diary2