Joe再续前缘魔改(四)

筱序二十
8月25日发布 /正在检测是否收录...

青序栈文官

文章介绍了如何为网站添加个性化定位欢迎信息功能,主要使用JavaScript代码实现。通过调用IP查询API获取用户位置信息,并根据用户所在地显示不同的欢迎语和距离提示。代码还包含根据本地时间切换欢迎语的功能,并适配了IPv6地址显示。最后,通过在HTML中添加自定义侧边栏代码,即可实现前端效果。

之前逛青桔气球,发现有个侧边栏欢迎卡片,蛮喜欢的,差不多断断续续适配十天左右完成了

JavaScript主要代码

筱序二十の代码分享获取,也可从本文获取

请将 key?= 后内容替换为你自己的key,申请地址Nice猫

主题修改

添加自定义侧边栏代码

<div id="welcome-info"></div>

mer33xhk.png

现在你就可以正常使用啦!

写文的时候注意到原作者新适配了IPV6和部分城市匹配,JS代码已为最新,请放心食用。

前端效果预览

mer2yxe7.png

每日精选

bizhi

参考文章

Hexo侧边栏添加个性定位欢迎信息

© 版权声明
THE END
喜欢就支持一下吧
点赞 0 分享 赞赏
评论 共1条
OωO
取消
  1. 头像
    涟漪
     · 
    回复

    111可以

SSL