平台
- Web
技术栈
- 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。 - PWA:
manifest.webmanifest+ Service Worker,核心资源离线可访问。