加载中...

hexo添加访客地图

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

|总字数: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://example.com/7aae0318

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

相关推荐

Hexo文章卡片美化

🚦采用自定义css方式实现，无需更改主题文件创建css文件在[Blogroot/source/css/新建custom.css文件将以下代码写入刚创建的文件中悬停卡片效果1234#recent-posts>.recent-post-item:not(a):hover { box-shadow: 0 5px 15px rgba(0,0,0,.4); transform: scale(1.05);} 卡片擦亮效果123456789101112131415#recent-posts > .recent-post-item:not(a)::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 200%; background: linear-gradient(to right, transparent, white, transparent); transform: translateX(-...

博客添加石蒜模拟器

通过修改主题文件添加添加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博客添加统计页面

🎨前言使用 ECharts 开源可视化库对博客的文章发布时间、文章分类、文章标签的维度绘制统计图 🎨创建charts页面使用命令行创建手动创建 21hexo new page charts在 [Blogroot]\source\ 目录下新建 charts 文件夹，并在新建的 charts 文件夹下新建 index.md 文件，添加以下内容： 12345---title: 文章统计type: chartsdate: 2023-07-15 14:00:00--- 🎨使用统计图在index.md中添加以下内容 123456<div id="posts-chart" data-start="2021-01" style="border-radius: 8px; height: 300px; padding: 10px;"></div><div id="tags-chart"...

Hexo添加头像呼吸灯

直接在custom.css添加如下代码即可，颜色和时间可调 1234567891011121314151617181920212223242526272829/* 头像呼吸灯 */[data-theme="light"] .avatar-img { animation: huxi_light 4s ease-in-out infinite;}[data-theme="dark"] .avatar-img { animation: huxi_dark 4s ease-in-out infinite;}@keyframes huxi_light { 0% { box-shadow: 0px 0px 1px 1px #e9f5fa; } 50% { box-shadow: 0px 0px 5px 5px #e9f5fa; } 100% { box-shadow: 0px 0px 1px 1px #e9f5fa; ...

今日诗词侧边栏小组件

--- API该组件api由今日诗词提供安装教程创建组件主题新建themes/butterfly/layout/includes/widget/card_poem.pug，内容如下 123456789101112131415161718#card-poem.card-widget #poem_sentence #poem_info #poem_dynasty #poem_authorscript(src='https://cdn.jsdelivr.net/npm/js-heo@1.0.11/poem/jinrishici.js', charset='utf-8')script(type='text/javascript'). jinrishici.load(function(result) { var sentence = document.querySelector("#poem_sentence") var author = d...

Hexo节日弹窗与公祭日变灰

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