个人导航页

每天开浏览器第一件事就是找常用网站，与其每次手动输入或在一堆书签里翻，不如自己做一个简洁的起始页。这个「个人导航页」就是干这件事的：一个浏览器起始页，把常用工具和搜索聚合到一屏里，打开即用。

它解决什么

• 集中入口：开发文档、云控制台、常用 SaaS、资讯站，按分组平铺，一步直达。
• 统一搜索：顶部一个搜索框，可切换搜索引擎，回车即搜，不用先打开搜索站。
• 零依赖：纯静态 HTML + CSS，没有框架、没有后端，丢到任何地方都能跑。

实现要点

整个页面就是一个静态文件：用 CSS Grid 把站点分组成卡片，hover 有轻微放大和上浮；搜索框通过拼接 URL 实现多引擎切换；配色走浅色柔和风，和这个博客保持一致。因为纯静态，加载基本是瞬时的，也没有隐私泄露风险——所有数据都在本地。

为什么不直接用现成导航站

现成服务要么有广告、要么要登录、要么定制不自由。自己写一份，字段、分组、配色全听自己的，还能顺手练手 HTML/CSS。它也是我理解「单文件 HTML 部署」的起点——后来这个博客同样沿用了「一个文件、零依赖、直接上线」的思路。

小结

导航页是个小到不值一提的项目，但它天天在用，是「为自己造工具」这件事最朴素的例子。下次打算加本地存储记住常用分组顺序，以及一键切换深浅色。