这套花卉悬浮导航动态个人主页,自带沉浸式分屏滚动切换效果,支持访客IP、城市天气自动获取,技能进度条动画、作品视频瀑布流展示,全后台可视化配置,一键安装,全端完美适配。
花卉悬浮导航页 · 动态个人主页 + 引导页
这是一套“细节与功能拉满”的动态个人主页系统,前端负责沉浸式展示,后台负责全量自定义配置,开箱即用。
前端体验
-
悬浮式分屏导航:整站按“首页 / 引导 / 技能 / 作品 / 联系”拆分为全屏面板,滚动即切换,右侧导航点同步高亮;顶部导航自动根据内容是否存在动态生成,没有内容的板块不会出现空栏。
-
首页信息聚合:头像、昵称、头衔、个人简介、每日一言集中呈现;进站后自动获取并显示访问者的 IP、所在城市、网络运营商以及当地天气,无需手动填写。
-
引导卡片:卡片式入口,支持图标或图片、主题配色、标题与简介,点击直达外部链接,适合做导航站或资源聚合。
-
技能展示:按类别分组呈现,每项技能带图标与进度条,随面板进入动画填充。
-
作品瀑布流:项目以瀑布流排布,封面支持 图片或视频,视频自动静音预览并有播放标识;悬浮显示标题、简介、标签,并提供在线预览与 GitHub 等外链入口,图片/视频支持点击放大查看。
-
联系方式区:邮箱、电话、所在地、QQ、微信等卡片化展示,下方为友情链接图标墙与版权信息。
-
视觉氛围:玻璃拟态、霓虹文字、动态光影、噪点质感与装饰元素营造科技感;全站适配移动端,小屏自动折叠为汉堡菜单。
后台管理
-
站点外观:自定义 Logo、头像(可选图片或视频)、视频背景,以及 网站名称与前端页面标题。
-
个人资料:维护姓名、头衔、简介、邮箱、电话、所在地、QQ、微信等联系方式。
-
引导卡片:新增、修改、删除引导入口,自由设置图标/图片、配色、标题、描述与跳转地址。
-
技能管理:新增、修改、删除技能项,支持上传图标、设置分类与熟练度。
-
作品管理:维护项目封面(图片或视频)、标题、简介、标签及跳转链接,可设置精选与排序。
-
友情链接:自定义添加、修改、删除友情链接及其图标与配色。
-
一键安装:首次访问自动引导进入安装流程,完成数据库初始化后即可使用。


