不用下载、不用注册,我把三个网页做成了点开就能用的链接,还没敢发给我爸

核心观点

做出一个能用的东西只要一句话，让它变成一个爸妈点得开的链接，是另一件事。

下面这张图，长按扫码就能点开三个小网页。不用下载，不用注册，不用填手机号。

一个照着做菜，一个翻自家照片，一个记账。字都做很大，手机打开是这样。

做好了快一周，我还没发给我爸妈。不是忘了，是我大概知道自己会栽在哪一步。

这篇先记怎么做。等我发回老家、看他们点开之后什么反应，再写一篇记那个。

顺带说件我这两天才知道的事：我这个号没认证，微信不给未认证的号在正文里放能点的外部链接。所以这里点不了是正常的，长按上面那张图识别就行。

你要是在别的地方看到这篇，直接复制这段到浏览器打开：

https://family-web-demos.app.workbuddy.host/

本文看点

没发过，但我不难猜。

我爸那代人对一个新东西，脑子里先算三笔账：要下载吗，要注册吗，要不要钱。这三笔账没算清，后面你塞了多少功能他压根看不见。

所以我给自己定了三条，做完一个就照着对一遍。

按这三条走，最土的那个反而最可能赢。我做的菜谱卡全部本事就一句：一屏一道菜，食材和做法全用大字摊开。没有菜单，没有设置，没有登录。

不用学代码，不用服务器，不用买域名。

第一环是 AI。你手机里现在装的那款就行。

第二环是把 AI 吐出来的那堆代码，变成一个能发出去的链接。

卡住几乎所有人的都是第二环。代码是发不了微信的。

我试过的路，按稳不稳排。

进去选网页，说清楚需求，右边实时出预览，满意了点发布就有链接，对方不用注册就能打开。

几十秒出链接，域名是国内已备案的。多一步，我默认走这条。

开头那个二维码就是这么来的：三个文件丢到国内的静态托管上，拿到链接，再去二维码生成工具里转一下，整个过程不到五分钟。

不管走哪条，有一件事别省：发出去之前，自己在微信里点一遍。三十秒的事。

四五两条是我后来才补上去的。为什么补，第五节说。

下面三段是我发给 AI 的原话，换个主语就能用。链接都开着，你可以先点开看一眼，再决定要不要抄。

大字菜谱

地址：https://family-web-demos.app.workbuddy.host/recipe.html

可直接复制 · 提示词

帮我做一个网页，给我妈做饭时看菜谱用。屏幕正中间是一个非常大的菜名（占屏幕宽度一半以上）。下面分两块：一块写“需要准备”，列这个菜用什么食材；一块写“怎么做”，把做法拆成一、二、三、四步，每步一句话，字都要大。最下面有两个大按钮：“上一道”和“下一道”，点了就换菜，还有一个“读一遍”，点一下把菜名、食材和每个步骤从头念一遍。一共十二道家常菜。背景用浅米色，字用深棕色。手机上打开要能正常显示。所有代码放进一个文件里。

一个什么都不会的人，打开链接，看到一道菜，也看到先放什么、后放什么。字大到不用凑近看。

朗读那句话得说清楚：这个功能在电脑上很稳，手机上不一定。能不能出声看浏览器，微信里打开有时会直接没反应。我给它加了兜底，读不出来会弹一行字告诉你，不会让你在那儿反复点。所以我是把“看”当主要用法，朗读当附赠的。真要在手机上端得住，得换别的做法，那又是另一篇了。

家庭相册

地址：https://family-web-demos.app.workbuddy.host/album.html

可直接复制 · 提示词

帮我做一个家庭相册网页。首页是照片的缩略图，白色边框，排成整齐的方格。点任意一张，这张放大占满屏幕。放大之后，屏幕左右两边各有一个很大的箭头按钮，点一下翻上一张、下一张，左右滑动也一样管用，而且不能让滑动把整个网页一起划走。右上角有关闭按钮。右下角有一个“加照片”的方格，点它可以从手机相册里选照片，选完弹一个框让你给它起个名字，加进来的照片存在这台手机本地，关掉再打开还在。放大看的时候下面有两个小按钮：“改名字”和“删掉这张”。照片先用示例图占位。要能在手机上打开。所有代码放进一个文件里。

照片大概是长辈唯一不需要学的概念，唯独那个 ＋ 要学一步：点它，选照片，写个名字。但这一步也是最不用催的，自家照片，谁都想往上放。

这个月的开销

地址：https://family-web-demos.app.workbuddy.host/ledger.html

可直接复制 · 提示词

帮我做一个记账网页。最上面显示“本月合计”的大数字。中间是一行行记录：左边写花在什么上，下面一行是日期，右边是金额，所有数字向右对齐。每条记录的日期旁边有一个小小的“删掉”，点一下这条就没了。页面最下面固定两个输入框和一个“记一笔”按钮，填完点按钮，这笔出现在列表里，合计自动变大。“记一笔”放在右边，是绿色的大按钮；“清空”放在左边，做成灰色的次要按钮，点了要再确认一次才能删。手机上打开能正常显示，按钮要大。数据存在浏览器本地。所有代码放进一个文件里。

这里有个开关：凡是“要记住数据”的功能，你得跟 AI 讲清楚，关掉网页再打开，数据还在不在。想让它记住就补一句“存在浏览器本地”。不想操这份心就干脆别提，不然它会自作主张给你加一堆东西。

“删掉”这个口子别省。只有“清空”的话，金额填错一笔，就只剩下把整月记录全抹掉这一条路。

不提手机，它就按电脑画

提示词里没写“手机上打开”，AI 默认按电脑屏幕来，字小、按钮挤在角落。现在这条我闭着眼都会打：手机上打开要能正常显示，字要大，按钮要大。

链接可能第二天就打不开

见第二节。域名会连坐，别用海外免费托管。

网页默认什么都不记

想让它记住那笔开销，得明说“数据存在浏览器本地，关掉再打开还在”。但本地存储跟着浏览器走，换台手机、换个浏览器就没了，别拿它存重要的东西。

这条说出来可能不讨喜，但我打算这么干。

理由是：对一个不熟的人来说，AI 这个词先触发的不是厉害，是不确定。而这个东西有没有用，跟他知不知道底层是 AI 一点关系都没有。先让他用起来，用爽了他自然会追着问你怎么弄的。

跟上篇一样，摊开给你。

我最好奇的一件事：这种东西最后真的被用下去的会是哪一种。你要是也做过一个发给家人的东西，回来告诉我它是什么、用了多久。

「写完这篇我又去给菜谱补了做法，把相册改成能加自己的照片，顺手给开销表加了单条删除。修修补补才是真理哈哈哈。」