悬浮导航 + 引导页这套动态个人主页源码，细节到底做在哪

这套源码最大的卖点不是 UI 好看，而是前端信息面板和后台可视化配置都做齐了。打开首页会自动获取访客的 IP、所在城市、运营商，再配上实时天气，访客一进来就有“这站点是为我服务的”这种感觉。做个人主页、导航站入口页的朋友，可以直接在搭建168找到这套其它源码分类下的源码下载。

我实际跑了一遍，整个包结构不算复杂，改配置基本不用碰前端代码，都在后台点点就行。下面拆开说。

后台能配置什么：9 大模块逐项拆解

后台配置项覆盖了个人主页几乎全部对外展示内容，改完即生效。实测下来，这 9 块东西都能在后台直接操作：

• Logo 与头像：头像支持上传图片，也可以直接放一段视频，动态头像比静态图抓眼球得多
• 视频背景：首页背景可以配置成视频，配合天气面板氛围感拉满
• 站点名称与自定义标题：SEO 上想改 title 不用动模板文件
• 联系方式：QQ、微信、邮箱这些展示位自由增删
• 引导卡片：支持添加、删除、修改，首页那排引导页卡片完全自己定义
• 技能展示：可以添加、修改、上传技能标签，做程序员主页很实用
• 友情链接：自定义增删友链，交换友链后台改一下就行
• 悬浮导航：侧边悬浮的导航条，锚点跳转，移动端也不遮挡内容
• 天气 / IP 面板：前端自动获取，无需手动维护

马上能用的一条：部署完先去后台把视频背景和头像换掉，默认素材是占位内容，这两项改完整个站的观感就上来了，大概 5 分钟搞定。

部署环境要求清单：从零上线大约 5 步

环境要求和常见 PHP 项目一致，Nginx + PHP + MySQL 即可跑起来。部署时建议按下面的环境对齐：

部署流程我走了一遍，拢共 5 步：

1. 下载源码包并解压到站点根目录
2. 导入数据库 SQL 文件
3. 修改数据库连接配置文件（账号、密码、库名）
4. 设置运行目录和伪静态规则
5. 访问后台，改站点名称、头像、背景，收工

避坑点：视频背景文件别传太大，实测超过 20MB 的 mp4 在低配服务器上首屏加载会明显变慢，建议压缩到 5MB 以内再上传。另外 fileinfo 扩展没开的话，上传头像会直接报错，先检查 php.ini。

适合什么场景用，和同类主页源码比差在哪

它最适合的场景是“个人名片站”和“导航查询类入口页”，弱在内容管理、强在展示层。判断要不要用，可以对照这几个场景：

• 程序员 / 设计师个人主页，展示技能、联系方式、作品入口——非常合适
• 资源站、导航站的开门引导页，用引导卡片做分流——合适
• 想拿来写博客、发文章——不合适，它没有文章系统，别指望当 CMS 用

和常见的静态个人主页比，这套的优势是后台可视化配置，改头像换背景不用碰代码；和完整 CMS 比它又轻得多，数据库就几张核心表，备份迁移都省事。在搭建168的其它源码分类里，这类“轻展示 + 强配置”的定位其实不多见，这也是我推荐它的主要原因。想找这类源码下载的朋友，认准功能清单里的“悬浮导航 + 引导页 + 天气面板”三件套就对了。

FAQ

问：前端显示的天气和 IP 信息需要自己接 API 吗？

答：不需要，源码内置了自动获取逻辑，部署好就能直接显示访客 IP、城市、运营商和天气，开箱即用。

问：头像支持视频以后，会不会拖慢首页速度？

答：视频头像和视频背景都建议控制在 5MB 以内，正常云服务器加载没问题；如果访客量大，可以把视频放到对象存储再引用外链。

问：引导卡片能做成跳转到我的其他网站吗？

答：可以，引导卡片支持添加、修改，链接地址自定义，用来做站点分流入口很方便。

原文参考

原标题：最新UI动态个人主页 悬浮导航+引导页 细节、功能拉满_导航查询_搭建168

原文简介：

简介：
最新UI动态个人主页 悬浮导航+引导页 细节、功能拉满
前端自动获取并显示 IP、城市、营销商、还有天气
后台可以自定义配置 logo、头像（可以选择图片或者视频）、视频背景 可以配置网站名称和前端的自定义标题
自定义配置联系方式
可以添加删除、修改引导卡片
添加、修改、上传技能
可以自定义配置添加删除友情链接
图片：

原文截图：

免责声明

⚠️ 本文仅供学习研究和技术交流，相关源码仅用于了解系统架构与部署流程，请勿用于非法用途。任何商业运营行为均与作者无关。