跳转到主要内容

crayonxiaoxin

运行中

Yam Nav

纯静态的个人导航起始页

平台

  • Web

技术栈

  • JavaScript JavaScript

Yam Nav 是一款纯静态的个人导航起始页:玻璃拟态界面、分组长卷轴、智能搜索与收藏,可安装为 PWA 离线使用。无需 Node、无需构建——改一份 JSON,刷新即生效。

功能亮点

一眼找到目标

  • Hero 搜索:匹配链接标题、描述、分组名与 tags;无匹配时可一键跳转 Google / Bing / DuckDuckGo / GitHub 仓库搜索。
  • 键盘友好/ 聚焦搜索,  选择建议,Enter 打开,Esc 清除。
  • Scroll Spy 侧栏:首页按分组长卷轴浏览,侧栏高亮当前区块,点击平滑滚动定位。

用得顺手

  • 收藏夹:星标收藏,数据存在本地 localStorage,侧栏独立入口。
  • 分组预览:首页每组默认展示前 12 条,支持「查看全部 / 收起」就地展开。
  • 深浅色主题:跟随系统或手动切换,地址栏主题色同步更新。
  • 响应式布局:桌面固定侧栏;移动端抽屉菜单 + 遮罩,触控友好。

开箱即用、易于维护

  • 零依赖:HTML + CSS + 原生 JS,无打包、无框架版本焦虑。
  • JSON 驱动:分组、链接、搜索引擎、界面文案集中在 data/links.json
  • 自动站点图标:多数链接省略 icon 即可按域名拉取 favicon;也支持 emoji 或自定义图片 URL。
  • PWAmanifest.webmanifest + Service Worker,核心资源离线可访问。