剑侠个人导航引导页源码 | 高颜值多主题可视化带后台个人主页引导页-手机电脑自适应

一、源码介绍

  本程序是一套「个人导航引导页」整站源码，采用 PHP + MySQL 运行，

  自带可视化后台，无需懂编程即可完成站点搭建与日常维护。

  前台为「剑侠闭关修行」风格单页引导：磨砂玻璃主卡片、可选北京时间

  四格时钟与当日进度条、快捷外链按钮、公告弹窗、背景音乐与视觉特效；

  并提供赛博霓虹、极简白、青山绿水、国风鎏金四款主题，访客可在页面

  右侧 Dock 一键切换。

  后台为「剑侠引导页控制台」，分模块管理站点信息、背景与主题、引导

  页文案、多媒体素材、访问统计、安全策略等。安装向导引导填写数据库

  与管理员账号，完成后即可登录后台填表保存，前台自动生效。

  适合人群：个人主页、作品展示、粉丝导航、工作室入口、活动落地页等

  需要「一个好看、能放链接、能放音乐」的单页场景。新手按《安装说明.txt》

  部署后，只需在后台各分区填写文字、粘贴图片/音乐链接即可使用，一般

  不必修改程序代码。

二、源码功能

  【前台访客可见】

  · 引导主卡片：站点 Logo、主标题、副标题、可开关的说明文案

  · 科幻随机语录：打字机 / 淡入淡出 / 故障闪切，间隔可配

  · 北京时间：时、分、秒、星期四格；当日 0:00–24:00 进度条（可关闭）

  · 快捷外链：多个带图标的跳转按钮（支持站内路径、外链、邮箱、电话等）

  · 公告弹窗：首次访问提示，标题与正文可在后台编辑

  · 四款视觉主题：赛博霓虹、极简白、青山绿水、国风鎏金

  · 右侧 Dock：主题切换、按主题播放背景音乐（可关）

  · 全屏背景：支持图片或视频直链；各主题可单独配置背景

  · Canvas 粒子背景：连线动效，可选鼠标交互

  · 樱花飘落：桌面完整效果，手机端自动轻量化

  · 音乐可视化：播放时头像环状频谱、音符飘动、卡片边缘随节奏呼吸等

  · 页脚版权：可开关主版权行，支持 HTML 自定义扩展内容

  【后台管理功能】

  1、核心设置

     · 浏览器标题、苹果主屏幕标题、favicon、Logo

     · 头部主标题、副标题

     · 随机语录列表与展示特效、切换间隔

     · SEO：描述、关键词、robots、分享预览图、百度/谷歌站长验证码

  2、背景设置

     · 全屏自定义背景图开关与地址

     · 首页主背景粒子（连线）开关

     · 樱花飘落开关与速度

     · jQuery 库地址（可留空用默认）

     · 默认前台主题、Dock 主题/音乐开关、粒子鼠标交互

     · 各主题独立 MP3 背景音乐地址

     · 各主题独立全屏背景（图/视频，留空则用通用背景）

  3、引导页

     · 主卡片说明文案开关与内容

     · 北京时间四格与进度条开关、进度条标题文案

     · 快捷外链：标题、链接、图标（图片 / SVG / iconfont）

     · iconfont 项目 CSS 地址

  4、公告弹窗

     · 开关、标题、正文（支持简单排版）

  5、多媒体

     · jpg/png 上传压缩规则（大小阈值、缩放、转 jpg、画质等）

     · 本地音乐批量上传（mp3 等），列表竖排、全选、批量删除、复制直链

     · 本地图片批量上传，预览、批量勾选删除；板块支持折叠/展开

     · 上传文件可复制链接，填入背景、主题 MP3 等配置项

  6、站点统计

     · 总访问量、今日/昨日、当前在线访客等数据展示

     · 可粘贴百度统计、51.la 等第三方统计代码

  7、安全限制

     · 后台登录 IP 白名单（可选）

     · 登录失败次数限制

     · 前台可选禁用 F12、右键、常见调试快捷键（提高浏览难度，非绝对防护）

  8、系统

     · 官方品牌与版权说明（程序内置展示）

     · 当前程序版本查看

     · 管理员修改密码

     · 页脚主版权行开关与 HTML 内容

     · 顶部「保存配置」「刷新缓存」「预览首页」

  【安装与维护】

  · 图形化安装向导：站点名、管理员、数据库一键配置

  · 支持覆盖安装 / 删除旧表重装（见《安装说明.txt》）

  · 修改样式或配置后，后台「刷新缓存」便于访客看到最新前台效果

三、源码特色

  · 开箱即用：安装后填表即可上线，降低个人站搭建门槛

  · 四主题一体：一套后台管理四种完全不同气质，适合不同品牌调性

  · 主题可独立配乐、独立背景，切换 Dock 时体验连贯

  · 闭关风 UI：玻璃卡片、动效背景、音乐可视化，观感完整

  · 后台全端自适应：手机/电脑均可流畅操作，随时随地修改配置，告别只能

    蹲电脑前改后台的麻烦（相较多数仅适配 PC 的后台更易日常维护）

  · 多媒体中心：音乐/图片批量上传、直链复制、图片压缩，少依赖外链图床

  · 樱花与粒子：氛围感强，移动端自动减负，兼顾性能

  · 后台分区清晰：核心 / 背景 / 引导页 / 公告 / 多媒体 / 统计 / 安全 / 系统

  · 开关丰富：时钟、语录、樱花、Dock、公告、页脚等均可一键开关

  · 安全与运维：登录限制、缓存刷新、访问统计、SEO 字段齐全

  · 新手友好：表格式与开关为主，无需改代码；复杂素材用「上传 + 粘贴链接」即可

四、产品定位

  【是什么】

  一款面向个人与小团队的「高颜值导航引导页」建站源码，强调单页沉浸

  体验与可视化配置，而不是多栏目 CMS 或商城系统。

  【解决什么问题】

  · 想快速拥有一个带音乐、动效、多风格的个人入口页

  · 不想从零写 HTML/CSS，也不想起复杂服务器环境

  · 需要集中展示几个重要链接（社交、店铺、文档、社群等）

  · 希望访客记住品牌调性（赛博 / 极简 / 国风等）

  【适合谁用】

  · 个人博主、UP 主、设计师、开发者作品页

  · 小工作室、独立品牌、粉丝站、活动宣传页

  · 剑侠/游戏/二次元氛围爱好者（主题与视觉偏风格化）

  · 会用 phpStudy、宝塔、小皮等面板建站的新手站长

  · 只需要「会填表、会上传图片音乐、会复制链接」的运营人员

  【不太适合】

  · 需要文章系统、用户注册、购物车、论坛等大型业务

  · 必须深度二次开发且不愿保留官方版权信息的场景（请遵守授权）

  【使用方式（新手路径）】

  1. 按源码目录的《安装说明.txt》完成环境与安装

  2. 登录后台，先在「核心设置」填写站点标题与 Logo

  3. 在「背景设置」选默认主题，粘贴背景图与各主题 MP3（或用多媒体上传）

  4. 在「引导页」填写说明与外链按钮

  5. 点顶部「保存配置」→「预览首页」查看效果

  6. 日常只需改文案、换链接、换上传素材，无需改任何代码

  避坑提示：图片、音乐建议优先在后台「多媒体」模块本地上传，复制站内

  直链填入背景/主题配置，尽量避免长期依赖不稳定外链，以免加载异常

===========================================

  五、剑侠个人导航引导页 更新日志

程序版本：1.3.14

【2026-05-24】核心优化：彻底去除授权限制

• 移除全部站点授权校验、云端登记及相关工具文件

• 后台删除授权相关标签，安装即可解锁全部功能，无任何权限限制

【2026-05-23】功能删减、视觉优化与新功能新增

1. 功能移除

• 删除前台自定义鼠标指针样式及后台配置开关，清理对应素材资源

• 移除首页左上角落叶飘落特效，仅保留蝴蝶飞舞特效

2. 我的世界主题专项优化

• 新增我的世界专属主题：像素方块风格、分层游戏风背景、专属粒子特效，配套主题配色与UI样式

• 修复主题卡片发灰、边框异常问题，优化阴影配色，还原纯正游戏质感

• 优化主题动画：修正史蒂夫赶猪画面顺序、跑动轨迹，修复人物悬空问题，优化像素造型与动态效果

• 统一右侧主题色块尺寸，界面整体更规整协调

3. 蝴蝶特效升级

• 青山绿水主题新增可开关蝴蝶飞舞特效，后台可独立控制，不遮挡页面操作

• 蝴蝶素材从13张扩容至19张，设备端动态调整数量，飞行效果更自然不重复

4. 多媒体功能升级

• 后台多媒体新增视频批量上传，支持mp4、webm等主流视频格式，保留30MB单文件限制

• 后台支持视频预览、音频试听，文件管理更便捷

5. 语录展示优化

• 新增两种语录轮播模式：随机轮播、顺序轮播，可后台自由切换

• 支持电脑、手机端语录分开设置，手机端可设置短句适配屏幕，未设置时自动沿用电脑端文案

• 新增两种语录切换动画：直接切换、向上滑入，适配不同审美需求

【2026-05-22】音乐交互、适配及后台细节优化

1. 前台音乐交互升级

• 支持空格键启停音乐、键盘±键调节音量，操作更便捷

• 音乐播放时头像自动旋转，暂停即停止，适配系统动态效果设置

• 新增音乐状态记忆，刷新/重进页面可恢复上次播放状态与音量

• 优化音乐特效位置，头像光环、频谱特效展示效果更佳

• 取消头像点击切歌功能，避免日常误触操作

2. 页面适配与体验优化

• 快捷外链自适应多端屏幕：手机2列、平板3列、电脑5列布局，排版整洁

• 修复页面卡片、头像光晕闪烁问题，页面运行更稳定

3. 后台功能优化

• 本地上传音乐可显示原始文件名，方便用户区分管理

• 修复图片压缩设置保存异常问题，配置保存更精准

• 优化后台静态资源缓存机制，刷新缓存即可更新后台样式，解决旧缓存兼容问题

部署小贴士

1. 搭配Cloudflare+宝塔使用时，更新后需手动清除缓存，避免样式异常；

2. 图片压缩、音乐上传需使用对应板块专属保存/上传按钮，勿用顶部通用保存配置；

3. 旧版上传音乐无原始名称，重新上传即可正常显示。

六、版权声明

  本导航源码由剑侠君开发制作，更多源码请访问剑侠源码网：

  https://jianxiaym.com/

  【授权与使用】

  · 仅限在官方正版授权范围内使用

  · 禁止私自篡改程序中的官方品牌与版权校验相关核心文件后用于传播

  · 禁止二次分发、倒卖本源码或去版权后的衍生版本

  · 转载或分享站点时，请尊重原创，支持正版渠道获取更新与售后

  【程序内说明】

  · 后台「系统」分区展示官方品牌信息，为程序组成部分，请勿删除对应

    调用与版权注释块，否则可能导致后台无法正常访问

  · 各 PHP / JS / CSS 源文件头部保留版权注释，请勿擅自移除

  【免责声明】

  · 请自行备份数据库与 uploads 上传目录

  · 前台「禁调试」类功能仅增加浏览难度，不能替代专业安全防护

  · 外链、统计代码、第三方资源由站长自行填写，请注意合规与安全

  如有授权、定制或更多模板需求，请通过官网联系。

============================================================

  文档结束 · 剑侠个人导航引导页

============================================================