Kimi K3 刚发布，我用 AI 做了网站和手机 App（小白也能学会）

2026-07-22 · 音乐和啤酒

7 月 16 日，月之暗面发布了 Kimi K3——2.8 万亿参数，全球规模最大的开源模型之一。它不只是聊天更强，已经能帮你写代码、做网站、甚至做手机 App。

我自己就是受益者：这个站 ziranup.com，还有 iOS 应用 萌芽 Sprout，都是用 AI 做出来的。下面把完整经历和建站教程写给你。

一、AI 时代，为什么还要做个人网站？

你可能会有疑问：我有公众号、有小红书、有抖音，为什么还要折腾个人网站？

第一，它是真正「属于你」的地方。公众号会限流，平台会改版，账号说封就封。但一个你自己发布的网站，链接在那，内容在那，不会因为算法一变就消失。

第二，它是你的「数字名片」。找工作、谈合作、认识新朋友——一个好看的网站，比一百句自我介绍都有说服力。

第三，AI 把门槛降到了历史最低。我 1998 年上小学时第一次上网，后来自学 HTML、Java、PHP、ASP，一个页面一个页面自己搭。那时候做网站，光环境配置就能折腾一整天。现在？你说一句话，AI 帮你写代码、做设计、部署上线。

二、我的真实经历：从拨号上网，到 AI 做网站和 App

网名「音乐和啤酒」，白天写代码，晚上陪孩子，深夜捣鼓小工具。公众号叫「爱玩的果果」。

1998 年，我还在上小学，第一次摸到互联网。2026 年，智能 AI 出现了。我重新坐回电脑前，发现一件很奇妙的事：用自然语言，就能做软件、做网站。

这一年，我用 AI 做了两件让自己挺骄傲的事：

1. 个人网站 ziranup.com

这个站叫「自然生长」。上面放着我的小工具、博客、关于我的介绍——没有弹窗广告，没有「猜你喜欢」，干干净净。从输入需求到上线，AI 帮我完成了大部分代码和设计工作。

2. 手机 App「萌芽 Sprout」

这也是用 AI 做的。它是一个 iOS 上的私人节奏助理——帮你记录睡眠、情绪和身体感受，根据你的周期给出「宜做、可做、避免」的温和提示。不推送打扰，不搞连续打卡，数据默认留在你自己的设备上。

网站是门面，App 是作品。两个加起来，就是我在 AI 时代重新「长」出来的东西。你也可以。下面先从最简单的开始——用 Kimi K3 做一个个人网站。

三、用什么工具？Kimi Websites + Kimi K3

访问方式（三选一）：

1. 网页版（推荐）：打开 kimi.com/zh/websites
2. 手机 App：下载「Kimi」→ 工具栏切换到「网站」模式
3. 通用 Agent：在 Kimi 对话里选择 K3 模型，直接说建站需求

备选方案：腾讯 WorkBuddy

最近 Kimi K3 太火了，用的人多，Kimi 官网有时会排队、网速变慢。如果你遇到这种情况，可以试试腾讯的 WorkBuddy：

• 里面同样可以选择 Kimi K3 模型
• 现在每日有 100 点积分可以免费领取
• 使用时在模型列表里选 Kimi K3 即可
• 另外还有腾讯自己的 混元 3 模型可以免费使用

我自己的日常做法是：Kimi Websites 搭网站框架，需要深度改代码时用 WorkBuddy 或 Cursor 继续精修。

四、三步建站：跟着做，10 分钟够了

第一步：想清楚你要什么（2 分钟）

先回答三个问题：网站类型、风格偏好、必须有的板块（3～5 个就够）。越清楚，AI 生成的结果越接近你想要的样子。

第二步：输入提示词，让 AI 开工（5 分钟）

打开 Kimi Websites，复制下面模板，改几个字就能用：

帮我做一个个人介绍网站，风格简约温暖，米白和浅绿色配色。

必须包含以下板块：
1. 首页大标题 + 一句话自我介绍
2. 关于我：我的经历和兴趣
3. 作品展示：3 个项目卡片，每个有标题、简介和链接
4. 博客列表：最近 3 篇文章标题
5. 页脚：邮箱和微信联系方式

要求：自适应手机端，字体清晰，不要花哨动画，整体安静舒服。

第一次生成不完美？继续对话修改就行，这叫 Vibe Coding——用聊天的方式写代码。

第三步：预览、发布、分享（3 分钟）

1. 点击 预览，检查手机和电脑端显示
2. 点击 发布，拿到可访问的公网链接
3. 点击 分享，复制链接发给朋友

五、5 个拿来就用的提示词

提示词 1：极简个人主页

做一个极简风格的个人主页。大标题写我的名字，副标题写「一个爱折腾的普通人」。
包含：关于我（3 段话）、正在做的事（3 个项目卡片）、联系方式。
配色：白底 + 深灰文字 + 一个绿色点缀色。不要侧边栏，单页滚动。

提示词 2：摄影师作品集

帮我做一个摄影师作品集网站，黑白简约风，首页是全屏轮播大图，
下面是瀑布流照片墙。点击照片可以放大查看。包含关于我和联系页面。

提示词 3：复刻喜欢的网站

[上传一张你喜欢网站的截图]
请把这张设计稿还原成可运行的网页，保持原有布局和配色风格，
但内容换成我自己的：标题改成「我的小窝」，导航改成：首页、关于、作品、联系。

提示词 4：博客型个人站

做一个个人博客网站，首页是文章列表（标题 + 日期 + 摘要），
点进去可以看全文。侧边栏放个人简介和最近文章。风格像 Medium，干净好读。

提示词 5：让 AI 引导你

我想做一个个人网站，但还没想清楚具体要什么。
请你先问我问题，一次只问一个，根据我的回答继续追问，
直到你有 95% 的信心理解我的需求，再给出方案和提示词。

六、新手最容易踩的 3 个坑

• 一次要求太多——先做一个能用的版本，再慢慢加
• 不看预览就发布——手机和电脑各看一遍
• 生成完就不管了——网站要定期更新内容

写在最后

1998 年，我第一次上网的时候，从没想过有一天，造网站可以像说话一样简单。更没想过，有一天还能用 AI 做出一个上架 App Store 的手机应用。

别等到「准备好了」再开始。打开 Kimi，复制上面的提示词，改几个字，发送。10 分钟后，你会拥有一个属于自己的链接。

如果你对「萌芽 Sprout」感兴趣，欢迎去 sprout.ziranup.com 看看。欢迎关注公众号 爱玩的果果。

本教程基于 2026 年 7 月 Kimi K3 发布时的产品功能编写，界面和功能可能随版本更新而变化，以 Kimi 官方文档为准。