相信不少人都试过让龙虾帮你写一个网页,但网页跑在本地或云端,想分享给别人用该怎么办?今天分享一下我第一次做网页并部署上线的经历。
做一个网站
现在做一个网站的门槛,已经低到一句话就能让小龙虾动手写好了。
当时我女儿沉迷花园鳗,每天都听豆包讲花园鳗的故事入睡。我就想着写一个童话故事网页生成器,可以指定物种、按照具体模式生成完整的故事网页,还能朗读。
(后来因为开源 TTS 效果不好没有往下做了,主要展示一下网页制作和部署的过程。这件事告诉我们——一定要先测试好最核心的功能!)
我对龙虾说:
我想做一个生成童话故事的小工具,我个人感觉应该做成一个 agent,有什么合适的工具推荐呢,还是你就可以帮我做好?我的设想是这样的:输入一个主角,比如说小花园鳗,然后先让大模型生成人物关系,它有 n 个朋友,每个朋友的物种和名字,然后故事章节是,第一个部分是它和每个朋友的故事,第二部分是它出去冒险。输入只要是一个物种,接下来都是模型来做的,最后给出一本童话故事书,还可以配上朗读。
龙虾立刻给了我一个很完整的方案:
输入:"小花园鳗" ↓
1. 角色生成(JSON 格式)
- 主角:小花园鳗(名字、性格)
- 3-5 个朋友(物种、名字、性格、关系) ↓
2. 故事生成
- 第 1-N 章:与每个朋友的故事
- 最后一章:冒险故事 ↓
3. 输出
- 精美的 HTML 电子书
- 可下载的文本版
- 语音朗读版(可选)
我确认完它就去写了。
最速上线
写好了网页,要怎么预览?又要怎么发给别人用?
我选择的是 Vercel,它提供免费的网站静态托管服务——你的网页部署在它那儿,它给你一个地址访问。部署完会得到一个类似这样的链接:https://dian-dian-vercel-krgq47i6y-konatasicks-projects.vercel.app/ 。
如何部署?只需要对龙虾说:帮我把网站部署到 Vercel 上。它会一步一步引导你配置。遇到什么问题,随时可以截图问它。
需要注意的是 Vercel 需要翻墙,我选 Vercel 是因为比较熟悉,并且我自己有域名(无需翻墙)。如果不想自己买域名,可以选择不需要翻墙的托管服务,例如 Netlify(但不建议选国内的服务,还要备案好麻烦)。另外 Vercel 提供网页的访问量统计,这个也可以让龙虾教你加。
配置域名
实际上到上面这个阶段已经完全可以了,但你是否也想拥有一个只属于自己的华丽域名呢?买了一个域名你可以拥有:
- 个人品牌:你的域名就像你的 ID 一样独一无二,所有网页都可以挂在这个域名的子域名下面。
- 不被平台绑架:以后如果你不想挂在 Vercel 了,换成其他地方,域名还是同一个,不会断。
- 自定义邮箱:可以搭配同域名的自定义邮箱。
当然域名的缺点是:需要每年交钱(不同域名价格差距很大),需要配置 DNS 记录。如果是轻量的自用 demo 或者临时网页,完全没必要买域名。域名在 vibe coding 这儿就属于一个差生文具多的娱乐项目!
购买域名我推荐在 https://www.dynadot.com/ ,因为支持支付宝,方便。配置好以后强烈推荐去 Cloudflare 托管域名。等域名和 Cloudflare 联通了,就可以在 Cloudflare 配置 DNS,让你买的新域名指向 xxx.vercel.app。你应该每个项目建立一个子域名,比如 xxx.your-domain.com。这样你可以在这个域名下面挂无数个项目,你还可以在 www.your-domain.com 放一个所有项目的目录索引,或者你这个域名的介绍。
这些听着头晕?问龙虾就好,它会教你的。
关于域名的选购,建议大家多看看三年、五年的总价格,有很多无良域名都会首年特别便宜然后第二年加价。最主流的域名是 .com,一年七八十,价格中规中矩;目前最火的是 .ai,特别贵,一年好几百!还有一些便宜的一年十几块钱的,例如 .site、.top,大家可以多挑挑自己喜欢的,遇事不决选 .com。
我把我的网页放在精心选购的域名下:https://dian-dian-story.hallucinateparade.com/ ,欢迎大家来看看!
到此为止,一个有自己独特域名的网站就正式上线啦!可以分享给你的朋友了。
Enjoy your website!