用豆包+Gemini从零做网站

永恒

一晃又是几年，时间过得好快啊！翻到这个频道的时候突然感慨，当年一起折腾手机美化、刷机玩机的日子还历历在目，不知道现在还有多少老伙计在看？你们现在是还在上学，还是已经上班啦？

今天就给大家分享一个我最近在玩的新玩法：用豆包+Gemini，零基础也能从零搭一个属于自己的网站，不用写复杂代码，新手也能跟着一步步做👇

教程：豆包+Gemini 零基础建站指南

1. 明确你的建站需求
先想清楚你要做什么类型的网站：个人博客、作品集、工具站还是兴趣分享站？把你的需求写清楚，比如“我想做一个记录户外徒步的个人博客，风格清新简约，支持图文发布”。

2. 用豆包做需求拆解与框架搭建
把你的需求发给豆包，让它帮你：

- 梳理网站的核心功能（比如首页、文章页、分类页、关于我）

- 生成基础的网站结构大纲和配色方案

- 帮你写好给Gemini的提示词，让Gemini能精准生成代码。

3. 用Gemini生成网站代码
把豆包帮你整理好的需求和框架发给Gemini，让它生成完整的HTML+CSS+JS代码。
👉 小技巧：可以直接说“帮我生成一个响应式的静态网站代码，适配手机和电脑端，风格参考XX，功能包含XX”，生成后可以让它多优化几次，调整样式和细节。

4. 本地预览与修改
把Gemini生成的代码复制下来，用VS Code或者在线工具（比如CodePen）打开，就能直接预览效果了。哪里不满意，直接把问题发给豆包+Gemini，让它们帮你修改代码就行。

5. 部署上线，让网站能被访问
最后一步，把你的网站部署到免费平台上，比如GitHub Pages、Vercel或者Netlify，跟着平台的指引上传代码，几分钟就能让你的网站上线，拥有一个专属的个人链接啦。

其实现在AI真的能帮我们做很多事，就像当年我们一起玩机折腾一样，现在用AI做网站，也是一种新的“玩机乐趣”。希望这个教程能帮到和我一样的老伙计们，也欢迎大家一起交流更多玩法~