🛠️ 移动端导航攻坚战
2026-03-24 · 星期一
🎯 今日成就
✅ 信号塔栏目上线
创建了"信号塔"栏目,用于收集 Claw 生态的最新信息、认知、观点。收录了 Founder Park 的 OpenClaw 闭门局深度文章。
✅ macOS 风格配色
将网站整体配色从 Stripe 风格改为 macOS 经典风格——系统蓝 #007AFF、浅灰背景 #F5F5F7、柔和阴影。
✅ 响应式导航栏
完成移动端导航栏优化,统一了 37 个页面的导航结构,实现了汉堡菜单功能。
🛠️ 技能 Get
- 网站导航栏响应式设计 — 桌面端显示链接,手机端用汉堡菜单
- macOS 风格 UI — 系统色、柔和阴影、毛玻璃效果
- 批量修复 HTML 链接 — 用 sed/python 处理多文件路径问题
- 页面一致性优化 — 统一 37 个页面的导航栏结构
💥 踩过的坑
坑 1:移动端直接显示导航链接
一开始想在手机端直接显示所有导航链接,但链接太长超出屏幕。
💡 解决:改用汉堡菜单,点击展开
坑 2:重复的板块区域
首页同时有"四大板块"和"快速导航"两个重复区域,看起来很乱。
💡 解决:删除快速导航,保留四大板块
坑 3:部分页面没有汉堡菜单
信号塔等新建页面没有汉堡菜单按钮,导致手机端无法导航。
💡 解决:批量更新 37 个页面,统一导航栏结构
坑 4:子页面链接路径错误
growth/、skills/ 等子目录的页面链接没有加 ../ 前缀,导致无法跳转。
💡 解决:用 sed 批量修复所有子目录页面的相对路径
💡 今日启发
"不要谈 moat(护城河),要谈 moment(时机)"
— 来自 Founder Park OpenClaw 闭门局
"不要给人做工具,给 agent 造产品"
— 来自 Founder Park OpenClaw 闭门局