社区

故事codex

重庆四天三晚,我把一团乱的行程用AI做成了一页能点开的网页

Zoe

去年五一,我和三个朋友定了重庆,四天三晚。

出发前我觉得自己准备得挺扎实。

美食攻略截了快三十张图存在相册里,景点开放时间记在备忘录,地铁路线在地图App里收藏了一排红点,民宿订单躺在某程,预算另外拉了张Excel。

心里那叫一个稳,出行界卷王内味儿。

结果落地第一天,站在解放碑底下就露馅了。

朋友问,下一站去哪、怎么走、那家串串几点关门。

三个问题,我一个问题就得开三个App。

先翻相册找那张截图,划拉了半天划过去了,又倒回来找。

再点开备忘录看营业时间。

再切地图查路线。

等我把这仨凑齐,人已经蹲马路牙子上啃完半根烤面筋了。

预算那张Excel更离谱,手机上打开列被挤成一条窄缝,横屏、放大、左右拖着看,瞅一眼跟做眼保健操似的。

那晚回民宿翻来覆去想这事——东西我明明都准备了,怎么关键时刻一样都拿不出来。

民宿隔音也是真差,隔壁小两口吵到半夜,跟我这心里堵得慌还挺配。

信息是全的,散成了十个互相不说话的App,谁都不知道谁那儿存着啥。

后来试过把这些整理进一个文档发群里,想着省事。

没用。

地图嵌不进去,只能贴个链接,点开还得跳一次App。

预算还是一行行字,读着累。

安排堆成一坨,没个先后,朋友扫两眼说哦行,该问还是问我。

我就琢磨,能不能弄个东西,朋友点一下链接,手机上啥都齐了。

第几天去哪、地图上标着点、花了多少一目了然、想吃哪家有地址有人均。

一条链接划到底,别再来回切。

想法挺好,一想到做网页我就打怵。

我连HTML长啥样都没概念,以为这是程序员的活儿,离我十万八千里。

折腾完发现根本用不着写代码,输入框里打完字,半分钟不到,屏幕上就出来一版能点开的网页,我把手机翻过来倒过去看了两遍,愣是没找出哪里像我这种人写的。

我拿的是Codex,倒也没细比过别的顺不顺手,反正能聊天、能一口气吐一大段代码就够用。

上来我没敢直接提要求,先打了个招呼探探底:「你好,等下我要你帮我做一个旅行行程的单页HTML网页,先回我一句“收到”,我马上把行程信息发给你。」

它回了“收到”,我就把备忘录里的文字、群聊记录、订单信息一股脑倒过去了。

截图懒得一个个敲字,直接拖进对话框,配一句让它把店名地址人均营业时间读出来。

头一回我图快,啥都没铺垫,直接说给我做个行程网页。

出来的东西漏了两个景点,第二天的店排到了第一天,预算还给我算错了。

它压根没理解我这行程长啥样,排版自然乱。

学乖了,先让它把料通读一遍复述回来。

我打的原话大概是:「你先别急着整理,先通读一遍,然后用大白话跟我复述:这是去哪儿、几天、几个人的行程?你识别出了哪些要去的地方?有哪些信息你觉得缺了、需要我补充的?」

它复述完,还真漏了第三天住哪。

我把民宿订单截图补给它,这才算对齐。

接着让它出表,这段我记得挺牢。

每行是一个节点,第几天、时间段、做什么、地点名称精确到地图能搜到、交通方式、预估花费、备注,按天按时间排好。

“没给的标【待补】,不要瞎编”这句我加得特别用力,就怕它自己脑补,营业时间瞎编一个、人均瞎编一个,我压根不知道对不对。

表出来我一条条查,地点名不能是黑话,“那家串串”它压根定不了位,得改成正儿八经的店名。

我又打了一段改动:「D2下午的洪崖洞挪到D1晚上,那天我们晚上去看夜景。串串改成正式店名,佩姐老火锅解放碑店,方便定位。D3的酒店待补,补上重庆来福士洲际酒店,已订两晚。重新生成完整表格给我,顺序重新排好。」

“重新生成完整表格”这句我现在每次都加。

吃过一次亏,上回我只看了改动那几行,没注意到它顺手把别的行顺序也搞乱了,我压根没发现,做出来的网页照样是乱的。

表确认了,导成一份纯文字清单存好,这就是拼网页的料。

骨架先来最朴素的版本,顶部概览、每日时间线、预算卡片、底部一句话,四块齐了就行,先别管好不好看。

骨架跑起来那一刻我心里咯噔一下——这玩意儿三天三夜我自己写不出来,几句话就出来了。

加地图这块最出彩,也最容易翻车。

我让它把每个地点标成地图上的点,免费嵌入,不用申请key。

第一版标出来,“串串”那个点飘到了长江对岸,离解放碑十万八千里。

地点名改精确,或者干脆把经纬度喂给它,这才归了位。

地图App里长按能复制坐标,这招挺好用。

预算那块我加了句让它自己算,合计等于四项之和,别手填。

以前我手填过一次,改了张门票忘改总数,发群里当场被朋友抓包,那顿臊得慌。

每天重点的餐厅景点我又让它配成小卡片,地址人均营业时间加一句推荐理由,理由没有就留空,别瞎编。

看着跟点评App似的。

风格那块纯属好玩。

清新杂志、活力潮玩、极简黑白、手账涂鸦、暗黑酷炫,五个我一个个试。

跟朋友视频那会儿,我当场连换了三版让他们投票,跟试衣服似的,几秒钟一版。

最后选了活力潮玩,朋友说太素的不像我们这团人。

顶部又加了个标题banner,写了句“重庆三日,吃辣到流泪也要去”,第一版写得有点尬,改了两回才顺嘴。

收尾我自己充当第一个点链接的朋友,从头到尾划一遍。

数字对不对、地图点全不全、有没有横向滚动条,都过了一遍。

发布这步我图省事,直接问它:「这个行程网页我满意了,帮我生成一个可以分享的公开链接,我要发给同行的朋友在手机上看,链接发我。」

十来秒就给了。

甩进群前配了句话:「重庆三日行程出炉,整个安排都在这了,地图、每天去哪、预算都点得开,手机直接打开就行,不用下App。有想改的群里说,我统一改。」

那句“有想改的群里说,我统一改”是我加的,不然七嘴八舌各改各的,最后谁都说不清行程长啥样。

效果比我预期的好。

链接甩出去以后,再没人单独私聊我问明天去哪,大家自己点开自己看,群里一下清净得不像出门前的样子。

有个朋友回了句“你什么时候还学会做网页了”,我说没学,是指挥AI弄的,他将信将疑。

汇率换算那块我压根没弄,这趟没出国用不上,现在想起来也没补。

多人一起改行程那个留言收集的功能也一直搁着,反正朋友想改都是群里喊我,倒也没耽误事。

离线那个也没做成,出发前我就截了几张长图存手机,将就。

那半根烤面筋的钱,我到现在也没找那朋友要。

编者按

Zoe 这篇最该抄走的不是那套漂亮网页,是她跟 AI 较的那股劲。她准备的料一点不少,攻略截图、备忘录、Excel 全齐,可第一天在解放碑就被朋友问懵。毛病不在料少,在她一开口就说『给我做个行程网页』——AI 没搞懂这趟到底啥样,漏了两个景点、把第二天的店排到第一天、预算还算错。行程能不能落地,全看你有没有逼它一步步说实话。

先别急着做:让它通读、复述、报缺

「你先别急着整理,先把我发的料通读一遍,用大白话跟我复述:这是去哪儿、几天、几个人的行程?你识别出了哪些要去的地方?有哪些信息你觉得缺了、需要我补?」

拿复述当对账:它复述完,Zoe 才发现它漏了第三天住哪,补上民宿订单截图才对齐。它要是理解岔了,这一步就现形,比做成一坨乱网页再返工省事得多。

整理成表:没查到的标【待补】,不许编

「把这趟行程整理成一张表,每行一个节点,含:第几天、时间段、做什么、地点名称(精确到地图能搜到)、交通方式、预估花费、备注,按天按时间排好。没给的一律标【待补】,不要瞎编。」

红线是那句『不许编』:营业时间、人均、票价这些,它最爱顺手给你编一个看着合理的数,你压根不知道对不对,照着跑就扑空。地点名也别留黑话——『那家串串』它定不了位,得改成正经店名『佩姐老火锅解放碑店』,地图才搜得到。

改表必加一句:重新生成完整表格

「D2 下午的洪崖洞挪到 D1 晚上;串串改成佩姐老火锅解放碑店;D3 酒店待补,补上〈重庆来福士洲际酒店,已订两晚〉。重新生成完整表格给我,顺序重新排好。」

:『重新生成完整表格』这句每次都得加。Zoe 吃过亏——她只看改动那几行,没注意它顺手把别的行顺序也打乱了,做出来的网页照样是乱的,她自己都没发现。改任何一处,都让它把整张表重吐一遍,你从头扫,别只盯你改的那几行。

地图、预算卡片、配色这些是后面的活,好玩也好改;难的是这张表里每个数是不是真的、每一行有没有被它悄悄挪过位。收尾她自己当第一个点链接的朋友,从头划到尾,把数字、地图点、有没有横向滚动条挨个过一遍——你也留这最后一遍,落不落地就差在这儿。

别信我们的,你自己试试

花 ¥10,看 Codex / Claude 真帮你做件事——把一件重复的活自动化、做个能用的小网页,或写个小工具,一个真任务绰绰有余。

3 天有效 · 含 2 张配图 · 一把 key,Claude 和 Codex 都能用

¥10 试试看 →

新文章第一时间发到你邮箱

新教程、实战笔记,偶尔聊聊产品更新。不发垃圾,随时退订。

重庆四天三晚,我把一团乱的行程用AI做成了一页能点开的网页 · 小虹桥