超强辅助Bolt.diy⼀步搞定创意建站

OSCHINA

前⾔

最近发现了⼀款可以部署在阿⾥云上的 AI 产品 ——Bolt.diy。它是⼀个非常好用的 AI ⼯具，通过提示词就可以帮助我们快速完成数据分析、网站搭建、原型设计等工作。

Bolt.diy 是 Bolt.new 的⼀个开源版本，它提供了更⾼的灵活性和可定制性，通过⾃然语⾔交互简化开发流程，并提供全栈开发⽀持，同时允许⽤户⼆次开发。

阿里云提供的方案是基于函数计算 FC 搭建，集成了阿⾥云百炼模型服务，新用户可以领取免费资源，搭上 AI 的快车道，资源指路：

https://www.aliyun.com/solution/tech-solution/fc-bolt-diy?utm_content=g_1000403491

那么，接下来就和我一起看下 Bolt.diy 的表现吧。

价值体现

Bolt.diy 的核⼼价值点从这⼏⽅⾯开始展开说⼀下。

多模型灵活匹配

多模型灵活适配这块，就是能⽀持好多种厉害的⼤语⾔模型，像国外的 OpenAI，还有 DeepSeek、Gemini，以及 Hugging Face 这些。咱⽤户呢，能根据不同的实际情况和需求，给不同的任务专⻔挑⼀个最合适的模型，这样任务完成起来就更顺⼿、更匹配了。

可扩展性与⾼度定制化

可扩展性与⾼度定制化也超棒。它⽤的是模块化的架构，咱不仅能⾃定义 Docker 服务，还能把 ⼀些第三⽅的⼯具整合进来，⽤起来特别灵活。要是功能不够⽤，还能通过插件来扩展，甚⾄可以把⾃⼰本地私有的模型，⽐如⾃⼰训练出来的 LLM 模型也集成进去。

全栈开发全流程覆盖

全栈开发全流程覆盖这块，更⽜了。只要⽤⾃然语⾔和它交流，就能⽣成前端和后端的代码，像 React 前端代码、Node.js 服务端代码这些都能⽣成。⽽且还⽀持实时调试，版本管理也⽅便，点⼀下就能部署。另外，⾥⾯还⾃带了可视化的⼯具，管理 SQL 或者 NoSQL 数据库都很轻松，数据模型和 API 接⼝都能⾃动⽣成。

智能化辅助⼯具

智能化辅助⼯具也很贴⼼。AI 能实时检查代码，发现错误⻢上给出修复的建议，这样就不⽤花⽼多时间⼿动去调试代码了。⽽且它还能把代码的结构图谱和依赖关系⽤可视化的⽅式展示出来，碰到复杂的项⽬，⼀下⼦就能看明⽩是咋回事了。

⾼效、⼴泛、专业这些形容词都是当之⽆愧，可以在后⾯的测试过程看到各类的效果，我们在使⽤过程中产⽣的各类原型图效果都是不错的，特别是五彩斑斓的⿊，给的是过渡效果，可以⾃⼰去做⼀个看看，我⽣成过⼏次，每次的效果都不同，都挺好的。

这是⼀个部署操作的⽤时，可以校验⼀下，整个部署时间仅仅使⽤了 12 秒，这才是⾼效的代表。

免费试用

阿⾥云给了 3 个⽉免费试⽤哦，我这⾥已经申请过了，还在观望的先过来看看，试⽤⼀下，有了具体的效果再去具体的评价才是对⼀个产品的真正认知。

技术⽅案的⼴泛应⽤场景

• 原型设计

模型语句

五彩斑斕的⿊

提示词：⽣成⼀个中⽂的五彩斑斓的⿊为主体的颜⾊产品着陆⻚，除了五彩斑斓的⿊还要有⼀些⾮常⾼贵的颜⾊，例如：提夫尼蓝或太师⻘等颜⾊，给出颜⾊的⾊值以及对应的名称，如果是过渡渐变⾊，需要给出具体的过渡⽅式，⻛格要有现代科技感。

PC 端和移动端的效果，都是直接就出来了，⾮常的效率呢，如果出现异常也是直接点击⼀下询问 Bolt 就⾏了。

⽣肖产品

提示词：创建⼀个中⽂⽣肖产品的着陆⻚，包含所有星座介绍、星座运势，星座 Emoji 图案等，⻛格要⼩清新的感觉。

两个主题⻚的效果还都是不错的呢。

Bolt.diy ⽀持操作

⽀持图⽚原型上传，⽀持语⾳输⼊，可以下载代码结果，

可供选择的平台

可选的平台还是⾮常多的，默认的是 openAILike，也就是百炼⼤模型的选项，还有很多国内外知名的平台，很全⾯，Deepseek 的也是可以直接输⼊ API Key 直接进⾏访问的。

可供选择的各类模型

OpenAILike 也的将各类版本都上来了，从 deepseek 系列到 qwen 系列的各类模型都是可供选择的，从下拉条上就能看的出来他的模型量有多庞⼤。

我们看完他的强⼤，接下来我们来进⾏⼀下实操。

实战详情

阿里云提供了非常详细的实践手册，可以前往方案页面跟着一步一步进行操作：

https://www.aliyun.com/solution/tech-solution/fc-bolt-diy?utm_content=g_1000403491

环境准备

这⾥环境主要是百炼⼤模型以及⽇志服务，但是⽇志服务会⾃动同步开通，那么剩下的就是需要独⽴的开通⼀下百炼⼤模型即可。

实验过程

我们需要先进⼊到实验中并开启实操，这个实操没有具体的初始环境，所以是⽐较快的，我们直接按照左侧的操作⼿册来完成步骤内容即可。

⽅案架构

这⾥⾯有个架构说明：按照本⽅案提供的配置完成部署后，会在阿⾥云上搭建⼀个如下图所示的运⾏环境。实际部署时，您可根据具体的资源规划调整部分配置，但最终的运⾏环境将与下图展示的架构相似。

也好理解，就是通过百炼模型服务提供的 deepseek-v3 的模型来返回对应的⽂本代码，通过云原⽣应⽤开发平台 CAP 进⾏解析，将对应⽂件的代码写⼊到对应⽂件中，最后使⽤ npm 进⾏启动并访问⻚⾯，流程还是很直接的。

开通百炼⼤模型

这⾥能直接跳转到百炼⼤模型，如果是第⼀次访问，那么右上⻆会有⼀个开通并领取百万 Token 的提示按钮，开通后就可以去创建我们需要的 API Key 了。

获取 API Key 操作

在下⽅能看到打开百炼⼤模型后的⻚⾯效果，我们这⾥直接点击应⽤，再点击左下⻆的 APIKey 即 可。

进⼊到应⽤后左侧就能看到了，看好，是左下⻆。

有复制按钮，直接点击即可复制。

部署 Bolt-diy

不是的时候由于只是⼀个服务，并没有对应的模型故⽽是很快的，我测试过⼗来次，基本时间范围是在 12~22 秒之间。

启动成功的效果，最后能看到 completed 就代表成功了呢，在右上⻆能看到有访问地址，直接点击即可访问。

访问后的效果，这⾥需要点击【忽略警告，继续访问】，但是要分浏览器，我这⾥的提示是 360 的 浏览器，如果使⽤⾕歌等其它浏览器需要点击⼀下【⾼级 -> 继续访问】才可以正常的访问，因为默认给的是 https 服务，⼤家都知道 https 是有验证的，咱们⾃⼰⼀般使⽤的是 http 访问这个验证就简单了，所以这⾥需要点击忽略。

成功进⼊ Bolt-diy 的⻚⾯。

配置 API KEY

我们已经在上⾯的【获取 API Key】的操作时已经成功获取了 API Key，那么这时候就可以在 OpenAILike API Key 中点击修改符号并输⼊获取的 API Key。

输⼊后点击勾选确认，效果图下图：

提示词与效果

提示词这个很有讲究，在上图中能看到给我了⼀个标准⾯板，这个要当做标准⾯板来看，并且例如 【着陆⻚】这三个字就是最最最根本的⼀条重要提示词，没有加上这个词则会出现各类不符合的情况出现。

仿照写法：

创建⼀个⽔果产品的着陆⻚，包含各类的⽔果介绍，⽔果价格，⽔果营养，⽔果 Emoji 图案等，⻛格要⼩清新的。

⽣成过程：

在完成编码后进⾏运⾏，但是运⾏的时候需要对环境进⾏初始化操作，补充⼀些环境内容，这⾥就可以看到，需要先进⾏ vite 安装操作。

npm install vite

安装过程需要稍等⼀会。

运⾏ dev

页⾯效果

最后会⾃动打开 Previrw ⻚⾯来看看⻚⾯的效果，还是⾮常的不错的呢，不过我们的提示词中没有添加中⽂，故⽽体现的状态都是英⽂的，可以在提示词中加上⽣成中⽂的着陆⻚，这样产⽣的⻚⾯就是纯中⽂的了。

⼆次提示词

改成中⽂的内容。

修改完成后会⾃动启动，效果还是很棒的，这⾥给开发的⼈员点个赞。

测试评价

整个操作过程快得很，快的话 5 分钟就能搞定，⽽且要是条件合适，甚⾄可以说⼀分钱不花就能⽤上 DeepSeek-V3 的模型，把它的强⼤功能为⼰所⽤ ，且快速⽣成的内容最起码⽤来交作业是没什么问题的，哈哈，这就很舒服了，对于⼤⼀⼤⼆的同学很有吸引⼒的。

整体操作过程

上下操作过程步骤很少，等待时间也不⻓，第⼀步骤等待时间也就 10 多秒，也就是在访问第⼀次的时候需要多等⼀会，点⼀下继续访问就好。

总结

整体测试下来，Bolt-diy ⽆论是架设还是使⽤的整个使⽤过程中都可以说表现挺不错的，值得再次赞扬⼀下，如果能多给⼀些⽐较官⽅的提示词会更好，毕竟如果想针对提示词做⼀个全套的学习成本还是⾮常⾼的，希望这个建议能被官⽅看到并落实。

祝⼤家都能⽣成⾃⼰喜欢的⻚⾯。

↓分享、在看与点赞~Orz