百度发了一个自然语言的编程工具秒哒,今天全量发布了,我也是立即去上手。从官方的演示推荐来看,挺适合做web应用这种工作的。于是我用秒哒尝试制作一个我的个人主页,尝试代替我现有的主页。如果做得好,我就拿来替换掉我现在zhheo.com的内容。

秒哒

首先先用一句话当关键词,我就是主要介绍了功能用途,然后描述了技术栈。经过几轮对话,他最终给我生成的内容是:

站点介绍

【网站类型】:个人网站

【网站名称】:张洪Heo

【网站描述及功能】:

这是一个主要介绍张洪Heo并引导用户跳转到其他相关页面的个人网站。网站设计将采用简洁风格与大图宽屏布局,结合滚动动画和交互动画,为用户带来极致的视觉体验。同时,网站将全面展现张洪Heo作为产品设计师、独立开发者以及设计与科技领域自媒体博主的多重身份。

【主要内容】:

个人介绍:以极简风格呈现张洪Heo的背景、经历和技能,并提供直观的导航链接引导至详细页面。

项目介绍导航:以大屏形式展示张洪Heo参与的所有项目名称,如敲木鱼、DNS测速等,每个项目都设有交互动画和导航链接,点击可跳转至详细页面。

博客导航:以简洁明了的方式概述博客内容方向,如新奇事物和有趣思想,并设有博客板块的导航链接,引导用户深入了解。

图集导航:以宽屏形式简述图集内容,如生活小事记录,并提供图集板块的导航链接,方便用户浏览。

应用与服务导航:列举提供的实用应用和服务种类,并通过交互动画引导用户进入应用板块。

主题与表情导航:介绍提供的主题和表情种类,以全屏形式展示,并引导用户进入相关页面选择和使用。

友情链接:以简洁风格展示与张洪Heo相关的友情链接和合作伙伴,点击可跳转至对应网站。

【网站设计要求】:

网站设计将大胆体现张洪Heo作为DIGITAL DESIGNER的专业性,同时注重导航的直观性和易用性,确保用户在任何设备上都能获得良好的浏览和导航体验。

顶图全屏展示,增加滚动动画和交互动画,提升用户体验。

采用极简风格,使网站更加简洁、明了,导航结构清晰。

适配深色模式,并设有深色模式切换按钮,满足用户不同场景下的浏览需求。

【其他】:

网站将包含Copyright © 2022-2025 张洪Heo 保留所有权利的信息。

设立隐私政策和Cookies协议,保护用户数据安全。

提供联系邮箱:zhheo@qq.com,方便用户联系。

网站备案信息:京公网安备11011402054421号,京ICP备19051325号-2。

通过这样的设计,我们相信能够构建出一个既符合张洪Heo个人品牌特色,又能满足用户导航需求的个人网站。

生成

我觉得相比Cursor这种AI代码工具而言,秒哒可以自动生成和部署后端倒是一个非常不错的方法。

生成过程还是需要一定的时间的。可以搞杯咖啡等一下。

生成

最终生成的效果只能说是模板风格很重,不过确实该有的都有了。

生成的页面

不过相比其他的AI开发建站,秒哒还是有一些亮点的。

多页面切换更改

生成的页面我看基本上都是flex布局的响应式网站,给好评,支持多页面切换。

多页面切换

支持移动端和电脑端的切换

切换设备

虽然这个网站看起来效果很简陋,但不得不承认的是,想要写出这一整个网站的前端恐怕得1-2天左右,而秒哒只需要几分钟。

并且还支持用户登录和后端,这就很可怕了

登录

后端生成

网页内容编辑

网页中的所有内容都可以手动去编辑,这个给好评,有些情况就不需要自然语言改,效率比较低。

比如文字可以直接修改:

修改文字

支持图片素材的更换

更换素材

支持撤销和重做

撤销

自然语言修改元素

我们可以通过自然语言来指定元素进行编辑。

指定元素编辑

不过实测下来编辑的速度很慢。不过修改之后没有更改我选中的部分,而是在选中的下方添加了一个元素。

错误的添加元素

从他的示例我发现你的描述语言需要添加“把区块更改为”这种话术。我用了:

把区块修改为使用现代的英文字体,有设计感,显示
“ZHANG HONE HEO
DIGITAL DESIGNER”

成功更改了,不过确实不支持自定义字体。

修改区块

发布网站

发布网站需要绑定域名

发布网站

从解析上来看你的网站也存储在百度的服务器中,你在全程是看不到任何业务代码的。

添加域名

不过他这个接入要求需要域名接入百度智能云备案,但是我的是腾讯云的备案。所以配置不上。

接入备案

临时分享链接只能用2个小时。

临时链接

总结

我只介绍了秒哒的网站创建流程,从宣传上来看是支持小程序等多个方面的。低质量站生成确实快,还支持一些简单的后端,例如登录(甚至支持免费的验证码登录)

用户管理

算是自然语言快速部署前后端,可以说是建站最快的方式了。不过想要好好建一个站去弄,还是需要投入不少的时间精力。比如每个模块的设计和素材替换。从我看来,这个项目完成了普通人和专业开发实现相同时间建立一个站点的能力。但并不会为专业开发人员减少时间(开发初期相比AI慢,但是修改会很快,自由度很高且可控)。秒哒创建过程很快,前后端部署几分钟搞定,还不需要自己买服务器,但是修改和自定义能力很差,自由度很有限。

要是秒哒支持代码参考就好了,纯自然语言还是有限。要是支持给一段代码,然后秒哒去翻译成自己的逻辑嵌入到项目,这个项目将无敌了。

特点 秒哒 专业开发
费用 购买域名 购买服务器、域名
建立基础部分 备案一周,生成过程几分钟 备案一周,后端部署要几小时,前期搭建1-3天
修改组件 AI处理较慢,自由度有限,不支持非常规样式 自由度高,支持全自定义
应用场景 低质量站点、快速建站、demo实现 所有场景

所以说做开发的完全没必要用秒哒来做,省不了多少时间还给自己增加烦恼。这个就是给之前无代码开发、运维经验的人来做的,可以说超过了玩具级,达到了可用级别。挺不错的项目。

效果预览

主页