加载中...

hexo添加访客地图

发表于2023-09-15|更新于2026-05-09|记录

|总字数:89|阅读时长:1分钟|浏览量:

无需修改主题源码

获取访客地图的html代码

登录ClustrMaps

点击Create Your Widget

输入自己的域名

截屏2023-09-15 14.46.04.png

随便选择一种

截屏2023-09-15 14.52.47.png

复制这一串代码

截屏2023-09-15 14.54.55.png

在blogroot/source/_data/新建widget.yml文件

bottom:
    - class_name: user-map
      id_name: user-map
      name: 访客地图
      icon: fas fa-heartbeat
      order:
      html: #刚刚复制的html代码

运行hexo三连

截屏2023-09-15 15.00.57.png

文章作者: Anyaer

文章链接: http://miss.520717.xyz/7aae0318

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Anyaerの部落格！

相关推荐

archives文章归档美化

添加CSS样式颜色可改为自己喜欢的样式 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419...

Hexo添加当前访客位置

📢不用修改主题内文件，方便以后升级具体步骤 💥 更新原方法已失效 info 腾讯位置服务好像没有运营了，改用下面的新方法更好 JS在/source/js/custom.js原来的位置覆盖以下代码 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166...

Hexo节日弹窗与公祭日变灰

🚨本质就是用的sessionStorage这个本地存储对象去确定是不是同一个会话，如果是同一个的话，就弹窗一次，如果下次进来了就不是同一个会话了，又会弹窗一次新建[BlogRoot]\source\js\day.js文件并粘贴代码，可自行设置参数 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581...

博客添加石蒜模拟器

通过修改主题文件添加添加itorr/sakana: 🐟「Sakana!」石蒜模拟器 (github.com) 以anzhiyu主题为例在主题文件layout\includs\footer.pug最后添加下列代码即可 123456789101112131415161718192021222324252627282930313233#footer-wrap if theme.footer.owner.enable - var now = new Date() - var nowYear = now.getFullYear() if theme.footer.owner.since && theme.footer.owner.since != nowYear .copyright!= `©${theme.footer.owner.since} - ${nowYear} By ${config.author}` else .co...

不改主题源码，为 Hexo 博客做一个音乐时间流页面和首页轮播

前言这篇文章把我现在这套音乐分享功能完整整理成一篇可复现的记录，目标就是在不修改主题源码的前提下，做出一个独立的音乐时间流页面，以及首页音乐轮播入口。功能点包括：独立音乐时间流页面首页轮播入口直链播放器平台模式播放器同步歌词显示正文赏析区移动端适配暗黑模式适配整套实现只动了博客根目录下的 templates、scripts、source 和 _config.butterfly.yml，没有改主题源码。涉及文件这套功能最终由下面 6 个部分组成： source/_data/music.yml scripts/music-page-generator.js templates/music-page-content.ejs source/js/home-music-entry.js source/css/custom.css _config.butterfly.yml 里的注入配置更新方式以后日常更新音乐时，通常只需要维护 source/_data/music.yml 这一份数据文件。如果只是新增一首歌，流程一般就是：在 source/_dat...

HEXO修改鼠标样式

在Blogroot/source/js文件夹下新建cursor.js文件,将代码粘贴进去 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283var CURSOR; Math.lerp = (a, b, n) => (1 - n) * a + n * b; const getStyle = (el, attr) => { try { return window.getComputedStyle ? window.getComputedStyle(el)[attr] : el.currentStyle[attr]; } catch (e) {} re...