青序栈文官
文章介绍了如何为网站添加个性化定位欢迎信息功能,主要使用JavaScript代码实现。通过调用IP查询API获取用户位置信息,并根据用户所在地显示不同的欢迎语和距离提示。代码还包含根据本地时间切换欢迎语的功能,并适配了IPv6地址显示。最后,通过在HTML中添加自定义侧边栏代码,即可实现前端效果。
之前逛青桔气球,发现有个侧边栏欢迎卡片,蛮喜欢的,差不多断断续续适配十天左右完成了
JavaScript主要代码
从筱序二十の代码分享获取,也可从本文获取
请将 key?= 后内容替换为你自己的key,申请地址Nice猫
主题修改
添加自定义侧边栏代码
<div id="welcome-info"></div>
现在你就可以正常使用啦!
写文的时候注意到原作者新适配了IPV6和部分城市匹配,JS代码已为最新,请放心食用。
111可以