【源码分享】双风格自适应静态个人引导主页

项目介绍

纯静态个人主页/导航引导页，深色科技毛玻璃UI，支持简洁/科技双样式一键切换，PC、手机全端自适应，上传即可直接部署，适合个人站点、技术引导、导航主页使用。

主要功能

1. 页面交互：加载动画、自定义右键菜单、图片弹窗、顶部滚动公告

2. 实用组件：网易云音乐播放器、随机一言、每日资讯、摸鱼日历、实时时钟、站点运行时长统计

3. 内容板块：自有站点合集、友情链接、QQ/TG群组、多平台社交入口（GitHub、公众号、博客等）

文件目录

index.html — 科技风主页面

jianjie/index.html — 简洁版页面

static/css — 样式文件

static/js — 交互脚本

static/img — 背景、二维码、图标资源

使用方法

1. 部署：全文件上传服务器/静态托管平台，访问index.html即可

2. 自定义：直接修改html内文字、链接、建站时间；替换img文件夹图片；修改歌单ID更换背景音乐

3. 内置免费接口（自动调用）

随机一言：https://v1.hitokoto.cn

每日资讯：https://www.wudada.online/Api/ScD

摸鱼日历：https://api.vvhan.com/api/moyu

环境&注意事项

无需后端、不用数据库，纯HTML静态页面，依赖外部CDN资源；

接口失效可自行替换API，移动端会屏蔽自定义右键菜单。

下载地址