913 字
5 分钟
AI制作网站,可行吗?

AI制作网站,可行吗?#

教会你使用AI进行编程

在现代,网站满天飞,各种企业都有自己的门户网站,也有很多人开创了属于自己的网页画廊展示自己的作品。而他们,往往都花了一笔沉重的钱财去制作网站。 这个科技世代,AI时代的我们要与时并进,摆脱出原有的网站需要他人/工作室代做的传统框架。我们人人其实都能使用人工智能制作一个属于自己的网站。

我们其实可以通过自己的阐述,来制作一个纯免费的网站。今天,教会你怎么制作。

首先,本章是最初步的讲解具体操作,更进阶的框架网站这里暂不赘述。


第一步,我们需要找到一个趁手的AI工具,#

我推荐deepseek,gemini。更多的工具可以自己去各大AI测评/排行榜去搜。

其次,想清楚自己的需求,然后找有没有对标的网站可以给AI参考。 想好好自己要做什么网站?是作品集?是画廊?是部落格?是个人网站?是商店? 然后找你喜欢的风格或者喜欢其一部分设计/功能的网站,并详细告诉AI你喜欢这个网站的哪一点,然后把你的需求阐述给他。

这里提供一个例子供参考:#

“单文件,用HTML,CSS,JS制作一个摄影作品集画廊网页,我需要有mega菜单,搜索框,要有风景、人像、街拍、夜景这4个内容结构分类以及30多个卡片来展示我不同场景下的摄影作品,每个卡片需要包含:大图预览(点击放大查看),作品标题,拍摄时间,标签/分类以及简要描述(悬停显示)。网站界面使用极简风与浅色系配色,要有单一柔和色的强调色,需要响应式设计,我的用户电脑和移动端皆有。然后做图片懒加载的性能优化处理,然后放一点过渡、悬停动画”

ps:如果觉得AI设计不好,不妨多让他写几次。你可以同时开个账号同时让deepseek来做,然后就选一个自己最喜欢的设计即可


基本上这些描述词一下去,AI就能开始编写一个网站文件,静待他写完之后我们下载VScode软件并打开,创建新文件,可以是index.html,也可以是其他名称,之后将AI生成好的代码复制进去你的.html文件。

接着我们去Github,注册一个账户之后开设一个库,接着把你刚刚弄好的网页文件上传库里面然后开启库设定的page选项,把分支改成main并保存,等待上传完成后,你将会在page设定上看到到一个网址,他就是你的网站了。 至此一个网站就搭建好了


结语#

我提供的方法比较适用在纯前端静态网站,如需后端交互与数据库的网站则不适用。具体可以看完后自行询问AI怎么操作,他会教你一切。

我自从2024年起接触并摸索AI编程,已经熟悉具体的流程与操作和其上下限,我最近和朋友提起,他们却不知道可以怎么去使用AI,因此小整理了一番自己的经验分享给各位。 希望对各位有帮助哈

AI制作网站,可行吗?
https://blog.oho1417.com/posts/aiwebsite/
作者
冰麒麟
发布于
2026-01-04
许可协议
CC BY-NC-SA 4.0