不会写代码也能有个人网站?豆包工作我替你从 0 跑到了上线

导读 · 想有个自己的作品集主页、简历页，或者给活动做个介绍页，但一想到"要写代码、要买服务器"就劝退了？我用豆包工作从零跑了一遍：描述需求出骨架、框选改内容、加动效，最后发布上线拿到一个能直接发出去的网址。这篇把"从 0 到上线"的完整路径拆给你，不会代码也能跟。

前阵子有个做设计的朋友找我吐槽：想弄个个人作品集主页，方便接活时甩给客户看。

我问他："你不是会点设计吗，自己搭一个？"他说："搭网站要写代码啊，我哪会。"

这对话放在两年前没毛病。但现在，我拉着他用豆包工作，一个下午就把主页从零做到上线了——一个能直接发链接、手机电脑都能开的真·网站，他没写一行代码。

01 普通人为什么需要个人网站

别觉得"建站"是有公司才做的事。对普通人，一个自己的网页特别实用：

自由职业者、设计师：作品集主页，接活时直接甩链接，比发一堆图片清爽；

求职的人：把简历做成网页，面试官一点就看到，还能放作品；

办活动、带社团的：做个介绍页，报名、流程、联系方式全在上面。

关键是现在能做"真上线"——有个固定网址，不用你买服务器。下面这条路，我跑通了。

02 五步走，从 0 到上线

第一步：豆包工作描述需求，出骨架

打开豆包工作，切到「代码开发」或「网站开发」，把你要的网站讲清楚。我朋友当时说的是：

帮我做一个个人作品集主页。包含：顶部一句自我介绍、作品网格（点开看大图）、关于我、联系方式。风格简约、留白多，手机和电脑都能看。

发出去，它就开始生成。左边看计划，右边出页面。不一会儿，一个能打开的网页骨架就出来了。

第二步：框选修改，内容架构调顺

第一版通常不是你想要的。别手动改代码——直接用鼠标框选有问题的区域，告诉它"这里改成作品分类""About 挪到作品下面"，它自己改。

这步多来回几轮很正常。重点是把结构定下来：哪些板块、顺序对不对、内容填进去对不对。

第三步：给部分组件加动态效果

骨架顺了，可以加点"活"的。比如让作品图 hover 时微微放大、滚动时淡入。直接跟豆包工作说"给作品卡片加悬停放大效果""首屏加个滚动淡入"，它加就行。别贪多，两三个小动效足够高级感，加太多反而卡。

第四步：发布，拿到分享链接（轻量）

改满意了，点「分享」或「发布」，它直接给你一个访问链接。发朋友圈、发群里，别人手机一点就能看。

这一步其实已经够大多数人用了——你已经有了一个"能打开的网页"。

第五步：进阶，部署成固定网址（真正上线）

如果想有个长期稳定、不会被换链接影响的网址（比如印在简历上、写在简介里），可以再走一步部署。

把豆包工作导出的工程文件上传到 GitHub，再连 Vercel 部署，几分钟后就拿到一个固定域名（xxx.vercel.app）。之后更新内容，重新部署，网址不变。

这一步需要注册 GitHub 和 Vercel 账号，免费的。第一次弄有点门槛，但"分享链接"已经能满足大部分场景，按需再进阶。

03 新手最容易踩的 3 个坑

坑一：第一版就想做"十页大站"。跟做小工具一样，先做一个首页能看、能点的版本，跑通了再扩。贪多第一版就崩。

坑二：跳过试运行直接要成品。每出一段先自己点一遍：链接打得开吗？手机上看乱吗？图显示了吗？别等发朋友圈才发现首屏是空的。

坑三：以为部署很麻烦就放弃了。其实"分享链接"已经够用，部署是加分项不是必选项。先拿到能发的链接，部署等哪天真需要固定网址再说。

方法沉淀：五步速查

今天就能试的 3 步：

1. 打开豆包工作，用上面的话术改改，让它出一个你的个人主页骨架；

2. 框选不满意的地方让它改，重点把板块和内容定下来，加一两个小动效；

3. 点发布拿到链接，发到手机上看一眼效果——到这步已经是个能用的网站了。

⚠️ 三个别踩的坑

- 别一上来做十页大站：先做一个能看能点的首页，跑通再扩。

- 别跳过试运行：每出一段自己点一遍，别等发出去才发现首屏是空的。

- 别被部署吓退：分享链接已够用，部署是进阶加分项。

有个自己的网站，听起来像"程序员的事"。

但现在，它只是你跟豆包工作聊清楚需求之后，顺手拿到的一个链接。

你差的不是代码能力，是"我也可以有一个"的那点念头。

今日互动：如果让你做一个个人网站，你最想放什么上去？作品集、简历，还是别的有意思的东西？评论区聊聊。