# Lasuy.cn

**Repository Path**: lasuy/lasuy.cn

## Basic Information

- **Project Name**: Lasuy.cn
- **Description**: 引导页
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-30
- **Last Updated**: 2026-05-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🚀 Portal Navigation | 导航门户

一个炫酷的个人导航页面，采用赛博朋克风格设计，包含丰富的动画效果和交互体验。

## ✨ 特性

- 🎨 赛博朋克风格 UI 设计
- 🌌 Three.js 3D 几何体背景
- ✨ Particles.js 粒子效果
- 🎭 故障文字动画 (Glitch Effect)
- 🃏 卡片悬停 3D 倾斜效果
- 🔀 项目卡片分裂动画 (GitHub/Gitee 选择)
- 🎵 内置音乐播放器 (Howler.js)
- 🖱️ 自定义发光鼠标光标
- 📱 响应式设计
- 🌈 科乐美秘籍彩蛋 (↑↑↓↓←→←→BA)

## 📁 项目结构

```
├── index.html              # 主页面
├── README.md               # 说明文档
└── assets/
    ├── css/
    │   ├── fonts.css       # 字体定义
    │   └── style.css       # 主样式文件
    ├── fonts/
    │   ├── Orbitron-*.ttf  # 英文字体
    │   └── NotoSansSC-*.ttf # 中文字体
    └── js/
        ├── gsap.min.js     # GSAP 动画库
        ├── three.min.js    # Three.js 3D 库
        ├── particles.min.js # 粒子效果库
        ├── howler.min.js   # 音频播放库
        └── main.js         # 主脚本文件
```

## 🛠️ 技术栈

- HTML5 / CSS3 / JavaScript
- [Three.js](https://threejs.org/) - 3D 背景渲染
- [Particles.js](https://vincentgarreau.com/particles.js/) - 粒子效果
- [GSAP](https://greensock.com/gsap/) - 高性能动画
- [Howler.js](https://howlerjs.com/) - 音频播放
- [Orbitron](https://fonts.google.com/specimen/Orbitron) - 科技感英文字体
- [Noto Sans SC](https://fonts.google.com/noto/specimen/Noto+Sans+SC) - 中文字体

## 🚀 使用方法

1. 克隆或下载项目
2. 直接用浏览器打开 `index.html`
3. 或部署到任意静态服务器

## ⚙️ 自定义配置

### 修改导航链接

编辑 `index.html` 中的 `.nav-card` 元素，修改 `href` 属性：

```html
<a href="你的链接" class="nav-card" target="_blank">
```

### 修改音乐播放列表

编辑 `assets/js/main.js` 中的 `playlist` 数组：

```javascript
playlist: [
    { title: '歌曲名称', src: '音乐文件URL' },
    // ...
]
```

### 修改主题颜色

编辑 `assets/css/style.css` 中的 CSS 变量：

```css
:root {
    --primary: #00f5ff;    /* 主色调 */
    --secondary: #ff00ff;  /* 次要色调 */
    --accent: #ffff00;     /* 强调色 */
}
```

## 📄 许可证

MIT License

## 👤 作者

**Lasuy**

- 博客: [blog.lasuy.cn](https://blog.lasuy.cn)

---

⭐ 如果觉得不错，欢迎 Star！