龙空技术网

不写一行代码,使用AI一键生成网站

京喜看世界 61

前言:

而今朋友们对“用代码写网站”都比较注意,同学们都需要学习一些“用代码写网站”的相关资讯。那么小编同时在网络上收集了一些关于“用代码写网站””的相关资讯,希望兄弟们能喜欢,大家快快来了解一下吧!

现在可以不用写一行代码,直接使用AI一键生成个人网站,并支持微调实现定制化以及托管网站

这里以个人博客网站为例展示整个过程:

1. 先来试试水,让他生成一个默认的个人博客网站

可以直接在浏览器访问它给出的链接,得到如下的效果,感觉还不错

2. 我们接下来尝试加点定制化的东西:比如我想让他有三个主页,网站的主页home和三个子主页:AI和Academics和Blogs

3. 看起来还不错,但是我是想要主页只有home页面,其他的AI,学术和博客页面时home页面的子页面,而且我想加入一个搜索栏,让它调整一下

看下效果:

4. 感觉非常不错,只是这里的其他子主页AI,学术和博客还没实现,如果去浏览就会报错:

5. 这个主页看着有些简单了,我想让他显示成左右两栏,左边放一些个人信息,右边放最新的内容,并且这个搜索栏放在最中间太丑了,让他加入到导航栏中

来看下效果:

6. 左边的一栏不是居中对齐的,我想让他居中对齐,更美观一些。而且个人社交平台的信息我想给它放到一行,并使用图片链接,这样后续我们可以把头像改成对应的图标就可以了。同时再让他把ID,简介改成自己需要的。现在让他搞一下:

这里有个问题是它由于安全和隐私的原因,不能直接在GPT中使用我们发的个人图片,所以这里它使用了占位路径显示,可以在后续下载了网站的源代码之后用我们自己的图片地址替换它使用的占位路径就行了,但是为了美观,我先让他用它有权限使用的图片里面随机选一些填充这些占位路径:

再来看下效果:

怎么样,是不是感觉非常不错,其他的页面也是同样的方式。

我们可以再也不用写前端代码,只需要使用自然语言的方式跟它讲我们的需求,他就可以帮我们生成任何我们想要的形式,而且有不满意的地方可以随时修改~

赶快自己去试试吧~

头条新人,每日分享AI相关信息,希望大家多多支持~

标签: #用代码写网站