当前位置: 首页 > news >正文

我用龙虾两天开发了4个网站

摘要:本文记录了作者利用 AI 工具(WorkBuddy + Minimax M2.7)结合 Astro 框架,在短短两天内高效重构四个网站的全过程。从 ICT 学习客栈的技术栈迁移(GitBook → Astro),到 AI 工具的成本优化方案,再到四个不同定位网站(技术学习、企业官网、产品展示、高新技术企业)的具体实现与展示,最后分享了 AI 建站带来的效率提升与心得体会。文章为个人开发者和小团队提供了利用 AI 加速 Web 开发的实战参考。

周末突发奇想——AI 工具这么强大,是不是可以直接告别手动码代码的模式?说干就干,没想到这一动手就停不下来,不仅重构了主站,还顺带把另外三个网站也一并做了出来。

为什么要重构?从 GitBook 到 Astro 的选择

ICT 学习客栈以前用的是 GitBook 2.x 开源版搭建的。GitBook 确实是个不错的文档平台,但问题很明显:2016 年之后,团队将核心功能全部转为了闭源 SaaS 服务,开源版几乎停止维护,性能、SEO、移动端适配都已严重落后。

所以这次重构,我彻底告别 GitBook,对比了 Docsify、VitePress、Docusaurus、VuePress 等一众框架后,最终选择了 Astro。

✅ 选择 Astro 的理由
  • 超快加载 群岛架构,默认零 JS,SEO 表现极佳
  • 框架无关 React、Vue、Svelte 可在同一项目混用
  • 内容优先 完美支持 Markdown 和 MDX
  • 生态丰富 大量现成主题和插件可以直接用

AI 工具选择:WorkBuddy + Minimax M2.7 的黄金组合

框架确定了,接下来是 AI 工具选型。市面上的 AI 编程助手不少,Codebuddy、Codex、Cursor 等都有,但我最终选择了 WorkBuddy——界面符合使用习惯,中文支持也到位。

不过 WorkBuddy 有个问题:积分消耗太快了。会员 58 元/月,只有 4000 积分(活动期赠送 2000),没几天就用完,追加购买 1000 积分还要 38 元,成本有点高。

于是我想到了一个解法:WorkBuddy 做前端交互,后端挂载 Minimax M2.7 模型。

💰 两种方案成本对比

方案 A · WorkBuddy 原生积分

~58 元/月

活动期 4000 积分,追加 1000 积分需 38 元

方案 B · Minimax Token Plan Plus ✓ 推荐

~40 元/月(490元/年)

1500次模型调用/5小时,对个人开发者完全够用

🎁 专属 9 折优惠
通过专属链接注册购买,Token Plan Plus 仅需 441 元(原价 490 元),直接省 49 元。
https://platform.minimaxi.com/subscribe/token-plan?code=FSzWLJUDwr&source=link

重构成果展示:四个网站,两天搞定

有了 Astro 框架和 AI 工具的加持,整个重构过程异常顺利。我原本以为只需要重构ICT学习客栈;一个网站,结果发现 AI 建站的效率实在太高了,于是干脆把手上另外三个网站也一并做了出来。

1. ICT 学习客栈

https://www.ictstu.cn

这次重构的主站,专注于信息与通信技术(ICT)学习,为网络工程师、云计算工程师和高校师生提供免费学习资料和实验教程。

重新设计了首页,采用更现代简洁的风格。同时提供了两种文章内页布局:两栏布局适合阅读长文,三栏布局增加目录导航和相关推荐。

2. 长沙九零信息科技有限公司官网

https://www.jiulingit.com

专注于企业数字化转型的科技公司,提供 AI 工具赋能、IT 运维、办公网建设及业务上云的一站式服务。采用蓝色为主色,体现科技感与专业感,涵盖公司介绍、核心服务、成功案例、服务流程等完整板块。

3. VirtLab 网络仿真平台展示网站

https://www.virtlab.cn

企业级网络仿真平台,基于 Hi168 高性能云底座,为网络工程师、高校师生及企业用户提供专业级虚拟仿真实验环境。重点突出产品核心优势,并用对比表格清晰展示不同仿真平台的特点和适用场景。

4. 浙江哈迈科技有限公司官网重构

https://test.hamag.cn

专业生产各类色谱耗材的高新技术企业。这次保留了原有品牌风格,全面升级了页面设计和用户体验,采用更现代的设计语言,突出产品优势和技术实力。

由于企业官网需要高频发布资讯、更新产品信息及维护招聘内容,目前暂采用 WordPress 作为内容管理后台,依托其能力完成新闻、产品、招聘板块的内容运维。考虑到 WordPress 整体架构较为臃肿,后续计划使用 Go 语言独立开发一套轻量化的专属后台管理系统进行替换。

AI 建站心得:效率提升不止一点点

这次用 AI 重构四个网站,让我对 AI 工具的能力有了全新认识。它不只是个代码生成器,更像是一个全能的开发助手:

  • 快速搭建项目框架

告诉 AI 想要什么样的网站,它能自动生成完整的项目结构和基础代码。

  • 组件化开发

导航栏、轮播图、卡片、表格……各类 UI 组件按需快速生成。

  • 自然语言调样式

以前调 CSS 要花大量时间,现在用自然语言描述效果,AI 直接生成对应代码。

  • 快速定位 Bug

遇到问题时,AI 能快速定位根因并给出解决方案,省去大量排查时间。

写在最后

当然,AI 也不是万能的——AI 再强大也有局限,复杂逻辑、细节打磨终究离不开人工。以往几周甚至数月的工作,如今数日便可完成,对个人开发者和小团队来说,这是实打实的效率革命。

不少人疑惑有了 AI 还需深耕技术吗?亲身实践后愈发觉得:基础不牢,地动山摇。零基础很难驾驭 AI,唯有自身功底扎实,才能借助它高效润色、补充内容,让工具真正为己所用。

与其担心 AI 会取代我们,不如学会用 AI 工具提升效率和创造力。接下来我还会持续探索 AI 在更多领域的应用。如果你也对 AI 建站感兴趣,欢迎评论区交流 。

http://www.gsyq.cn/news/1423748.html

相关文章:

  • Umi-CUT:快速批量去除图片黑边的终极解决方案
  • 2026沈阳精密抛光服务公司评估:真空设备、金属、不锈钢、不锈钢板、不锈钢管、铜、铝、屏蔽罩、铝屏蔽罩、防尘罩及医药设备抛光 - 品牌企业推荐师(官方)
  • 别再只盯着PageRank了!用NetworkX实战计算社交网络中的‘关键人物’(介数中心度详解)
  • 创业团队如何利用多模型聚合平台优化AI产品开发成本
  • 别再只盯着串联机械臂了!聊聊5自由度并联机械臂在轻量搬运场景下的独特优势
  • 视频号视频怎么无水印下载?2026微信视频号保存方法全解析 - 科技大爆炸
  • 2026实力之选:重庆/云南/贵州交通设施供应商综合评估 - 品牌企业推荐师(官方)
  • IEEE Transactions on Computational Social Systems 投稿全流程复盘:从Latex打包到最终提交的避坑指南
  • 四川盛世钢联|成都钢材现货报价查询|四川经销商省心采购指南 - 四川盛世钢联营销中心
  • 2026年西安高考补习学校哪家更合适?五家热门学校选型指南 - 科技焦点
  • EG2103:600V半桥驱动,0.6A灌流,逻辑简化设计
  • 快速更改Rocky10静态IP:nmcli 命令详解
  • 西安高三补习学校推荐:2026年本科上线率、师资与小班教学哪家好? - 科技焦点
  • 从电影推荐到商品排序:nDCG指标在真实业务中的Python实现与调参心得
  • 2026最新:琼海CMA甲醛检测公司优选海南宏启环境,本地标杆、数据权威、口碑领跑 - 专注室内空气检测治理
  • 视频号视频怎么保存到手机相册?2026免费无水印保存攻略 - 科技大爆炸
  • Lindy报告自动化架构深度拆解(含真实金融客户POC数据:生成时效提升237%,错误率趋近于0)
  • 西安高三补习学校靠谱推荐:2026年师资力量、升学率哪家好? - 科技焦点
  • 京顺斋上门回收,不止是变现,更是对传统文化的守护 - 深鉴新闻
  • Figma界面汉化终极指南:3分钟实现全中文设计体验
  • AI战略落地卡点全解析,Claude规划文档中被92%团队忽略的4个合规性断层
  • 轻小件成本体系被改写之后跨境卖家如何重构引流品角色
  • 买前必看 | 浅聊FreeClip2音质体验
  • 如何让普通鼠标在Mac上实现触控板级体验?Mac Mouse Fix终极配置指南
  • DIY露营车低电压监测站:集成电压监测、USB充电与风扇控制的3D打印面板制作
  • 告别捆绑软件!Win11/Win10官方纯净安装U盘制作与使用全指南
  • 西安高三艺考生补习学校推荐:2026年文化课冲刺效果与师资配置全解析 - 科技焦点
  • Windows Server 2012远程管理翻车实录:记一次因IP安全策略配置不当引发的‘自我封锁’及修复过程
  • 四川盛世钢联|成都钢材现货直发|川内代理商批量集采指南 - 四川盛世钢联营销中心
  • 谷歌运营团队口碑榜