跳转到主内容

零基础也能做网站

·3 分钟阅读
返回博客列表

零基础也能做网站

很多人觉得做网站是程序员的事,离自己很远。但现在有了 AI,这件事真的没那么难了。

我自己就是从零开始的。不懂 HTML,不懂 JavaScript,甚至连"前端"和"后端"是什么意思都不清楚。但我用 AI 编程工具,花了几周时间,做出了一个能展示作品、接收客户留言、还带 AI 客服的个人网站。现在你看到的这个网站就是这么来的。

从想法到第一个页面

过程其实很简单:想要什么功能,用大白话告诉 AI,它帮你写代码,你负责看效果、提意见、再调整。就像跟一个懂技术的朋友合作——你出想法,它出代码。

我的第一步是告诉 AI:"帮我用 Next.js 创建一个个人品牌网站,要有首页、关于我、作品展示三个页面。"几秒钟后,基本框架就出来了。虽然样式很简陋,但页面结构已经完整了。

遇到问题怎么办

当然,过程不可能一帆风顺。我遇到过的问题包括:

  • 页面样式在手机上显示不对
  • 图片加载很慢,影响体验
  • 部署上线后出现 404 错误

每一次遇到问题,我都是把错误信息或者截图直接甩给 AI。大部分情况下,它能一次给出解决方案。偶尔需要多试几次,换一种方式描述问题。

💡小建议

截图比文字描述更有效。很多 AI 工具都支持图片输入,把你看到的问题截图发给它,比描述"页面显示不对"要精准得多。

需要学什么

这不是说完全不用动脑。你需要学会的东西包括:

  1. 怎么描述需求:越具体,AI 输出越好
  2. 怎么看效果:在浏览器里检查页面,知道哪里不对
  3. 怎么排查问题:看终端报错,把关键信息提供给 AI
  4. 怎么拼功能:把多个独立的功能组合成完整的产品

这些都是可以边做边学的。你不需要先上三个月的课再动手,而是反过来——先动手,遇到不懂的再学。

技术选型不用纠结

如果你不知道该用什么技术栈,我的建议是:不要纠结,直接用 Next.js + Tailwind CSS。原因很简单:

  • 这是目前 AI 编程工具支持最好的技术组合
  • 从简单的静态页面到复杂的全栈应用都能覆盖
  • 部署到 Vercel 几乎是一键完成的

技术选型的时间花在最初的半小时就够了,后面的时间全部留给实际开发。

什么时候最适合开始

现在。

不是等你学完某门课,不是等你有了一个完美的设计稿,不是等你想清楚所有功能。就是现在,打开 AI 编程工具,输入你的第一个需求,看看会发生什么。

最难的一步永远是第一步。一旦你看到第一个页面出现在浏览器里,后面的一切就会自然而然地推进下去。

微信联系