欢迎来到 shany.cc！本指南将介绍网站的所有功能和使用方法。
2026 年的夏天，我重新制作了我的网站，使用了全新的技术，更换了全新的设计，这是一场非常令人难忘的设计旅程。
缘由
我发现我原来使用 WordPress 作为框架而制作的那个网站，出现了严重的卡顿和臃肿，再随着内容逐渐增加，各项的资源管理也逐渐趋于崩溃，这时候我知道，以 WordPress 作为框架的传统应用网站，已经不再适用于如今的网站架构，加上我的想法也逐渐颇多，但是能在 WordPress 框架下实现的很少，基于这些理由，我重新制作了网站。
架构
我的网站主体架构使用了 Next.js + FastAPI，虽然个人网站使用前后端分离会加剧管理的难度，但我认为，这样的新型架构更有利于 AI 或者我的学习与配置。从网站的设计到落地，里面使用了大量的 AI 技术，由我设计操刀来进行排版和整体的主题定向，由 AI 来落地我的想法，全程使用 SDD 开发模式，并使用流程循环和自动资源管理的模式，从中也加强了我对 AI Coding 的理解。
设计
整个网站的设计方向为 Retrofuturism (复古未来主义)、80s Retro (80年代复古)、复古终端、合成器浪潮 Synthwave、技术乐观主义、Glitch 故障艺术。把上述的内容加以修饰，融入到网站的每一个角落。
这是一个运行在复古未来主义美学之上的个人网站，融合了 80 年代的合成器浪潮、复古终端界面、技术乐观主义与 Glitch 故障艺术。
为什么是「连接」？
从你到我，从幻想到现实，从天空到彼岸，从过去到未来，我们始终相连。
「连接」是这个网站的核心主题。网络上的连接，人与人的连接，幻想与现实的连接，过去与未来的连接。在这个数字空间里，每一行代码、每一个像素都在讲述关于连接的故事。
关于作者
Shany Jin / 闪耀金金 — 一位热爱复古美学与前沿技术的创作者。
目录
1. 菜单导航
顶部菜单栏是网站的主导航，包含以下按钮：
| 按钮 | 功能 | 备注 |
|------|------|------|
| >_ (终端) | 打开/关闭终端 | 点击切换，白色=开启，灰色=关闭 |
| ♪ (音乐) | 打开/关闭音乐播放器 | 点击切换 |
| HOME | 回到首页 / | 三连击触发彩蛋 ✨ |
| BLOG | 前往博客页 /blog | — |
| ABOUT | 前往关于页 /about | 三连击触发彩蛋 ✨ |
| OTHER | 前往其他页 /other | 三连击触发彩蛋 ✨ |
| OLDWEB | 旧版网站 | 新标签页打开外部链接 |
顶部和底部图标按钮的开关逻辑：白色 = 开启状态，灰色 = 关闭状态。
2. 终端 (Terminal)
打开与关闭
- 打开：点击顶部菜单栏最左侧的
>_图标按钮 - 关闭：点击标题栏右侧的 X 按钮，或输入
exit命令
基本操作
| 操作 | 说明 |
|------|------|
| 输入命令 + Enter | 执行命令 |
| ↑ / ↓ | 浏览命令历史记录 |
| 标题栏拖拽 | 移动终端窗口位置 |
| 窗口边缘拖拽 | 调整终端窗口大小 |
| _ 按钮 | 最小化终端 |
| □ 按钮 | 最大化/还原终端 |
可用命令
导航命令
| 命令 | 说明 |
|------|------|
| home | 跳转到首页 / |
| about | 跳转到关于页 /about |
| blog | 跳转到博客页 /blog |
| other | 跳转到其他页 /other |
系统命令
| 命令 | 说明 |
|------|------|
| help | 显示所有可用命令列表 |
| clear / cls | 清除屏幕输出 |
| exit | 关闭终端 |
| date | 显示当前日期和时间（北京时间） |
| ver | 显示终端版本信息 |
| whoami | 显示当前用户身份 |
| hostname | 显示主机名 |
| echo <text> | 重复输出你输入的文字 |
| sudo <命令> | 以管理员权限运行命令（模拟） |
| reboot | 重新启动系统（模拟） |
网络命令
| 命令 | 说明 |
|------|------|
| ping [地址] | Ping 目标地址（默认 shany.cc） |
| ipconfig | 显示 IP 配置信息 |
| netstat | 显示网络连接状态 |
| systeminfo | 显示系统信息 |
| tasklist | 显示运行中的进程列表 |
| dir | 显示当前目录列表 |
彩蛋命令
| 命令 | 说明 |
|------|------|
| but | 触发 BUT 动画 彩蛋 |
| dvd | 启动 DVD 弹跳屏保 彩蛋 |
| love | 触发 Love 弹窗 彩蛋 |
| cat | 召唤一只猫（像素猫留言弹窗） |
命令示例
C:\Users\visitor>help
C:\Users\visitor>ping google.com
C:\Users\visitor>ipconfig
C:\Users\visitor>systeminfo
C:\Users\visitor>dir
C:\Users\visitor>cat
C:\Users\visitor>echo Hello, World!
C:\Users\visitor>clear
C:\Users\visitor>exit
小贴士
- 终端是全局组件，切换页面不会关闭它
- 输入
/game、/gamemode等以/开头的命令会提示 "这里不是 MC 啦" - 所有网络命令的输出均为模拟，敏感信息以
*隐藏
3. 音乐播放器 (Music Player)
打开与关闭
- 打开：点击顶部菜单栏的 ♪ 图标按钮
- 关闭：再次点击 ♪ 按钮，或点击播放器窗口的 X
- 自动打开：首次访问网站约 2 秒后自动弹出播放器
播放器布局
播放器采用 Winamp/复古 风格设计，位于屏幕右侧。
控制按钮（两行布局）
第一行： | 按钮 | 功能 | |------|------| | ▶/⏸ | 播放 / 暂停 | | RedIcon1 | 功能按钮（复古风格） | | RedIcon2 | 功能按钮（复古风格） |
第二行： | 按钮 | 功能 | |------|------| | ⏮ | 上一首 | | ⇄ | 交换/切换 | | ⏭ | 快进 | | ⏭⏭ | 下一首 | | ♥ | 收藏/喜欢 |
音量控制： 使用 + 和 - 按钮调节音量，也可拖拽垂直滑块。
进度控制： 可拖拽的进度条，显示当前播放时间 / 总时长。
当前曲目
| 信息 | 内容 |
|------|------|
| 歌曲 | Endless Night |
| 艺术家 | NEHCA |
| 文件 | /audio/endless-night.aac |
| 封面 | /images/album-cover.jpg |
4. 底部菜单 (XP Menu)
打开与关闭
- 手动打开：点击底部栏最左侧的 MENU 按钮
- 自动伸出：滚动到页面底部时，菜单自动从下方伸出
- 自动收回：向上滚动离开底部时，菜单自动收回
- 关闭：点击窗口标题栏的 X 按钮
菜单内容
底部菜单是一个仿 Windows 风格的复古菜单面板，包含以下选项：
| 选项 | 功能 |
|------|------|
| // HOME | 跳转到首页 / |
| // BLOG | 跳转到博客页 /blog |
| // ABOUT | 跳转到关于页 /about |
| // OTHER | 跳转到其他页 /other |
| // OLDWEB | 新标签页打开旧版网站 |
操作方式
| 操作 | 说明 | |------|------| | 鼠标点击 | 点击菜单项跳转到对应页面 | | 鼠标悬停 | 悬停选中菜单项（反色高亮） | | ↑ / ↓ 方向键 | 键盘上下选择菜单项 | | Enter 键 | 执行当前选中的菜单项 | | Esc 键 | 关闭菜单 |
小贴士
- 菜单窗口紧贴屏幕左侧底部
- 内容区域使用等宽字体（
Courier New），复古终端风格 - 窗口可拖拽移动
- 手动点击 X 关闭后，有 2 秒冷却期防止滚动误触发
5. 彩蛋 (Easter Eggs)
网站隐藏了多个彩蛋，等待你来发现！
✨ LOVE 弹窗
| 触发方式 | 说明 |
|----------|------|
| 三连击 HOME | 在顶部菜单栏快速点击 HOME 按钮 3 次 |
| 终端命令 | 在终端中输入 love |
| 效果 | 弹出 "Love" 窗口，内含特别内容 |
✨ BUT 动画
| 触发方式 | 说明 |
|----------|------|
| 三连击 ABOUT | 在顶部菜单栏快速点击 ABOUT 按钮 3 次 |
| 终端命令 | 在终端中输入 but |
| 效果 | 屏幕随机位置出现 45 个 "BUT" 文字逐个淡入 → 停顿 → CRT 崩坏抖动 + 全屏爆闪 → 最终黑屏后自动恢复 |
✨ DVD 弹跳屏保
| 触发方式 | 说明 |
|----------|------|
| 三连击 OTHER | 在顶部菜单栏快速点击 OTHER 按钮 3 次 |
| 终端命令 | 在终端中输入 dvd |
| 效果 | 经典 DVD 弹跳屏保，SVG 标志碰到边缘随机变色（青/粉/绿/黄/紫/橙/白），点击关闭 |
✨ 猫的留言
| 触发方式 | 说明 |
|----------|------|
| 终端命令 | 在终端中输入 cat |
| 效果 | 弹出像素风格猫咪弹窗，包含猫咪 SVG 图形和留言，点击 OK 关闭 |
✨ 关于三连击的说明
三连击需要在 1 秒内 快速点击同一按钮 3 次。如果间隔太久，计数器会自动重置。
小提示：HOME 的三连击不会跳转页面，ABOUT 和 OTHER 的三连击会阻止页面导航，确保彩蛋正常触发。
6. 页面一览
| 页面 | 路径 | 内容 |
|------|------|------|
| 首页 | / | 主站点入口 |
| 博客 | /blog | 博客文章列表 |
| 关于 | /about | 关于本站的信息 |
| 其他 | /other | 创意实验页面 |
| 旧版网站 | 外部链接 | 旧版 shany.cc（新标签页打开） |
设计风格
- 整体基调：暗色系、复古科技感
- 终端：Windows CMD 风格，黑底白字，Consolas 等宽字体
- 音乐播放器：Winamp 复古风格，深色主题
- 底部菜单：深色 Win9x 窗口风格，Monospace 字体，CRT 暗角效果
- 页面切换动画：内容区块淡入向上，延迟递增形成瀑布流效果
感谢你访问我的网站。相关访问记录会一直保存。
