如何用AI免费搭建个人网站小白3步搞定！

　　最近总是刷到一些超厉害的操作：像一句线D网页游戏、全自动整理电脑文件等等，看得我特别心动。

　　最近通义灵码上线了编程智能体，一句话就能让AI自动调用工具、生成代码甚至完成工程部署。

　　深入了解了一下，发现通义灵码已经全面支持Qwen3系列模型，还完全免费！

　　这个时候我们需要去对应工具的官网，生成一个API指令或者access token，完成MCP的配置。

　　如果是首次使用MCP工具，还需要需要安装依赖，保证配置后的MCP能正常运行。

　　在通义灵码的智能体模式中，AI会自主理解、拆析需求，还可以自主调用多个MCP工具完成任务。

　　我们把复制的设计稿链接，粘贴到通义灵码的会话框。并输入我们的需求，比如：

　　它会分析我的需求之后，自动调用合适的MCP工具来完成网页开发。而且每一次调用，它都会询问我是否同意。

　　它用了响应式设计，让页面在不同设备上都能良好显示。考虑得比我更深~鼠标悬停在某些位置会有动画效果。复刻了网页的设计，页脚的小图标也都还原了。我们按照它的提醒，用浏览器打开这个html文件，看看生成的效果。

　　在智能问答模式下，它回答我们的问题时，不会对工程文件进行任何修改，这个模式很适合让AI给我们提供一些灵感和建议，或者做代码解读。

　　它会仔细分析我的需求，总结出简洁又具体的方案，并给出代码示例。我们先把页面的布局优化一下。直接提需求：

　　导航栏的“Madelyn Torff”显示在页面最左侧。导航栏的另外三个选项，显示在页面的最右侧。

　　我准备在页面最后推荐一些我的常用工具，所以让它根据我的截图页面最下方新增了一个板块。

　　它的每次修改，都会生成快照，我们可以通过单击快照，快速定位到某次变更时的对话

　　我想把这三个页面的内容做一个分割，第一页作为我的个人介绍页面，第二页放上我的文章，第三页放一下比较推荐的工具。于是我继续提需求：

　　将页面分为三屏，每一个页面高度都为100%。其中第一屏为hero页，第二屏是项目页面，第三屏是工具推荐页。

　　接下里我们要分别完善每个页面的内容。先让AI把界面中的英文都翻译成中文来显示：把页面中的信息翻译成中文显示。

　　给页面添加一些交互效果。比如：增加交互效果，点击导航栏的文章按钮，页面会跳转到第二屏，点击导航栏的工具按钮，页面会跳转到第三屏。

　　它说可以实现页面平滑切换的效果，不过用户没提，所以采用了直接跳转的效果。（对比实际效果之后，我还是选择了让页面平滑切换hhh。）有点意思。

　　我们继续完善第二屏的页面，模板中的原图片没有正常显示，我们可以直接生成几张图片来替换。

　　为第二屏的文章分别生成合适的封面图。卡通画风。第一张图片，展示一个小女孩在电脑前敲代码的样子。第二张图片，展示风格各异的图片画框，第三张图片，展示电影院观影的第一视角。

　　它会结合上下文来处理问题，在分析我的需求之后，调用了MiniMax MCP来生成图片。

　　我们在GitHub上创建一个新仓库，把我们的网站的所有文件打包上传到这个仓库里。

　　这一套流程下来，对我这样的非技术人来说，不仅仅是一个网站的诞生，更是一套能力的解锁。

　　传统的开发还是太吃专业技能了，普通人根本摸不到边。真想学没有一年半载是入不了门的。

　　有了通义灵码这样的新一代AI辅助开发工具，普通人也有了展示自己想法的机会。

　　通义灵码编程智能体与MCP的结合，正在让“开发”变得更像“说话”一样自然。

　　不是每个人都要变成工程师，但像通义灵码这样的工具让每个人都可能变成产品的创作者。

　　或许我们不是那种写出底层引擎的人，但我们可以用工具堆出一座世界，站在它上面，说一句话、表达一个想法、发布一款产品。