一日城市轻徒步路线规划台 · City Hike Planner Hub
Overview
一份单文件、断网可用的 HTML 工作台,帮大一大二学生用一天时间、低成本在城市里走出"游客不会走、本地人很熟悉"的轻徒步路线。核心是把抽象的"周末去哪玩"变成可执行的五步闭环:
- 方法手册 — 城市轻徒步 5 步法(选城市→定路线→查交通→备装备→出发复盘)+ 大一大二低成本出游原则(人均 100 元内、单日往返、2-4 人小团体、晴天优先)
- 路线库 — 预置 6 城 12 条精选路线(北京/上海/广州/深圳/成都/杭州),里程 4-7 km,地铁/公交直达,含亮点标签与避坑贴士,一键收藏
- 装备预算 — 10 件装备清单(勾选即扣预算)+ 当日预算计算器(交通/餐饮/门票/杂费),实时算人均花费
- 出发打卡 — 时间轴式打卡、拍照/消费备注、"完成本次徒步"计入统计
- 我的路线 — 收藏路线 + 添加自定义路线 + 连续打卡天数统计
内置能力(对照工作台搭建铁律):
- 今天要处理置顶区:自动汇总待备装备 / 待走路线 / 待收藏,一眼看全局
- 总览页:SVG 进度环(出发准备度)+ 装备完善度堆叠条(已准备 / 待购买 / 未勾选),随时看进度
- 本地存储:localStorage 前缀 wb_hike_,刷新/关闭不丢
- 备份闭环:首屏「导出 JSON / 导入恢复」「清空示例数据」(二次确认)
- 全内联零外链:CSS/JS/SVG 全部内联,不引任何外部框架/CDN/字体
- 双端适配:响应式布局,手机电脑都能用
- 预置示例:首次打开含 6 城 12 条路线 + 10 件装备,非空白页
When to use
- 用户说「帮我做个城市轻徒步规划 / 一日游路线工具 / City Walk 方案 / 低成本出游指南」。
- 想给学生/新生/在校生,做一份可离线、可分发、可备份的出游规划台。
- 高校开学季传播、周末出游、新生破冰活动场景,需要好玩又能自发传播的内容。
- 需要把"方法→路线→装备→打卡→复盘"这类五步法,固化成一个持续使用的个人系统。
Resources
assets/city-hike-planner.html— 已生成好的完整单文件应用(开箱即用,无需构建)。
Quick Start(交付步骤)
这是资产交付型技能:HTML 已生成完毕,直接分发给用户即可,无需编程。
# 1) 把成品 HTML 复制到用户工作区(或任意目录),双击即可在浏览器离线打开
cp assets/city-hike-planner.html <目标目录>/
# 2) 想换标题/配色/城市路线时,用编辑器直接改 HTML 内:
# - <title> 与 header h1 改名称
# - :root 里的 --green / --orange / --blue 改主题色(默认森林绿 #4a9d5f + 阳光橙 #f5a623)
# - seedRoutes 数组里增删城市路线(name/city/km/time/path/tags/cost/note)
# - seedGear 数组里调整装备清单与价格
常见个性化点:
- 城市扩展:在 seedRoutes 里按相同字段结构增加其他城市(武汉/西安/南京等)路线。
- 主题色::root 的 --green 主色(默认森林绿 #4a9d5f)、--orange 点缀色(默认阳光橙 #f5a623)。
- 预算阈值:低成本原则文案在方法手册模块,可按目标用户调整人均上限。
- 装备清单:seedGear 内置 10 件,价格 >0 的会进入"待购买"预算统计。
分发与安装
- 直接发文件:把
assets/city-hike-planner.html发给对方——双击即在任意现代浏览器离线打开,零安装零联网。 - 部署成手机 APP:用 cloudstudio-deploy 或任意静态托管部署后,手机浏览器打开 → 分享 → 添加到主屏幕,即变成可日常使用的 APP。
- 打包成 skill 分发:把整个
city-hike-planner-hub/目录 zip 发给他人,对方解压到~/.workbuddy/skills/<name>/(用户级,全项目可用)即可安装;本技能即采用此方式分发。
注意事项
- 生成内容为单文件离线应用,无任何外部接口或资源依赖,符合隐私边界(数据只存本机浏览器)。
- 部署到公网后链接任何人可打开,但页面不预填真实隐私数据;备份 JSON 含用户数据,注意私下传输。
- 数据仅存于本机 localStorage;建议定期用「导出 JSON」备份,避免清缓存丢失。
- 路线里程/耗时/花费为典型值估算,实际请使用者出发前自行核对交通、天气与开放时间。
- 本台为出游规划辅助工具,不替代对天气、交通、人身安全的独立判断;雨天/极端天气建议改室内路线。