如何用ai来做网站 |
| 时间：2025-03-08 12:08:49 来源：互联网 作者： |
AI导航网，AI网站大全，AI工具大全，AI软件大全，AI工具集合，AI编程，AI绘画，AI写作，AI视频生成，AI对话聊天等更多内容请查看 https://aiaiv.cn/
知乎最近小博也在探索AI工具的边界,想知道如何基于现有的 AI工具——boardmix AI 来搭建一个网站,几经周折之后,终于折腾出来了! 展开使用 Boardmix Ai 创建的网站效果在使用 boardmix AI 创建网站之前,我们先来看一下使用 boardmix AI 创建的网站效果,下图是刚打开网站看到的页面。 注:我们将 boardmix AI 创建的网页通过 Netlify 进行部署,想查看网页效果的朋友, 展开使用 Boardmix Ai 创建网站会用到的工具代码生成 工具 网站 开发工具 代码托管平台 网站部署工具 其中网站开发和网站部署工具有比较多的选择,你可以根据自己的喜好选择任意一款工具,这里我们选择的网站开发工具是 VS Code,网站 展开使用 Boardmix Ai 生成网站代码在电脑浏览器打开 boardmix博思白板的首页,进入 boardmix 工作台,点击「新建白板文件」,创建一个白板。 在新建的白板文件中,点击左上角的 AI 助手,打 展开将网页和图片上传到 GitHub编写好一个网页后,我们可以尝试将网页和图片上传到托管平台 GitHub,再结合后面的部署操作,将只能在本地打开的网页发布为人人可访问的网页。 将网页和图片上传到 GitHub,可遵循下面的操作: 展开来自 zhihu.com内容使用 Boardmix Ai 创建的网站效果使用 Boardmix Ai 创建网站会用到的工具使用 Boardmix Ai 生成网站代码将网页和图片上传到 GitHub查看所有章节更多内容请查看https://www.zhihu.com/question/597281148
.rcimgcol .cico { background: #f5f5f5; } .b_dark .rcimgcol .cico { background: unset; }.b_imgSet .b_hList li.square_m,.b_imgSet .b_hList li.tall_m{width:75px}.b_imgSet .b_hList li.tall_mlb{width:113px}.b_imgSet .b_hList li.tall_mln{width:96px}.b_imgSet .b_hList li.wide_m{width:128px}.b_imgSet.b_Card .b_hList li{padding-left:1px;padding-right:9px}.b_imgSet.b_Card .b_hList li.tall_wfn{width:80px;padding-right:6px}.b_imgSet.b_Card .b_hList li:last-child{padding-right:1px}.b_imgSet.b_Card .b_imgSetData{padding:0 8px 8px;height:40px}.b_imgSet.b_Card .b_imgSetItem{box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 3px 0 rgba(0,0,0,.1);border-radius:6px;overflow:hidden}.b_imgSet .b_imgSetData p a{color:#444;outline-offset:0}.b_subModule .b_clearfix.b_mhdr .b_floatR .b_moreLink,.b_subModule .b_clearfix.b_mhdr .b_floatR .b_moreLink:visited,.b_subModule>.b_moreLink,.b_subModule>.b_moreLink:visited{color:#767676}.b_imgSet .cico.b_placeholder{display:flex;justify-content:center;background-color:#f5f5f5;background-clip:content-box}.b_imgSet .cico.b_placeholder a{display:flex}.b_imgSet .cico.b_placeholder a img{width:48px;height:48px;margin:auto}@media(max-width:1362.9px){#b_context .b_entityTP .b_imgSet li:nth-child(5){display:none}.b_imgSet .b_hList li.wide_m:nth-child(3){display:none}}@media(max-width:1274.9px){#b_context .b_entityTP .b_imgSet li:nth-child(4){display:none}.b_imgSet .b_hList li.wide_m:nth-child(2){display:none}}.rcimgcol .b_imgSet{content-visibility:auto;contain-intrinsic-size:1px 124px}.rcimgcol{height:104px;padding-top:12px;padding-bottom:12px}.rcimgcol .b_imgSet{overflow:hidden}.rcimgcol .b_imgSet ul{overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-left:20px}.rcimgcol .b_imgSet ul::-webkit-scrollbar{-webkit-appearance:none}.rcimgcol .b_imgSet .b_hList>li{padding-right:2px}.rcimgcol .b_imgSet .cico{border-radius:0}.rcimgcol .b_imgSet .b_hList>li:first-child img{border-radius:6px 0 0 6px}.rcimgcol .b_imgSet .b_hList>li:last-child img{border-radius:0 6px 6px 0}.rcimgcol .rcimgcol .b_sideBleed{margin-left:0;margin-right:0}.rcimgcol .b_imgclgovr{cursor:pointer}.rcimgcol .b_imgclgovr .cico img:hover{transform:scale(1.05);transition:transform .5s ease}.insightsOverlay,#OverlayIFrame.b_mcOverlay.insightsOverlay{position:fixed;top:5%;left:5%;bottom:5%;right:5%;width:90%;height:90%;border:none;border-radius:15px;margin:0;padding:0;overflow:hidden;z-index:9;display:none}#OverlayMask,#OverlayMask.b_mcOverlay{z-index:8;background-color:#000;opacity:.6;position:fixed;top:0;left:0;width:100%;height:100%}4 免费 AI 网站生成器：现在每个人都可以创建网站！ 在本文中，我们将讨论 4 大免费 AI 网站建设者，它们正在彻底改变人们创建网站的方式。 使用这些工具，任何人都可以在没有任何编码知识或经验的情况下创建网站。更多内容请查看https://zhuanlan.zhihu.com/p/651154102
.b_imgcap_altitle p strong,.b_imgcap_altitle .b_factrow strong{color:#767676}#b_results .b_imgcap_altitle{line-height:22px}.b_hList img{display:block}.b_imagePair .inner img{display:block;border-radius:6px}.b_algo .vtv2 img{border-radius:0}.b_hList .cico{margin-bottom:10px}.b_title .b_imagePair>.inner,.b_vList>li>.b_imagePair>.inner,.b_hList .b_imagePair>.inner,.b_vPanel>div>.b_imagePair>.inner,.b_gridList .b_imagePair>.inner,.b_caption .b_imagePair>.inner,.b_imagePair>.inner>.b_footnote,.b_poleContent .b_imagePair>.inner{padding-bottom:0}.b_imagePair>.inner{padding-bottom:10px;float:left}.b_imagePair.reverse>.inner{float:right}.b_imagePair .b_imagePair:last-child:after{clear:none}.b_algo .b_title .b_imagePair{display:block}.b_imagePair.b_cTxtWithImg>*{vertical-align:middle;display:inline-block}.b_imagePair.b_cTxtWithImg>.inner{float:none;padding-right:10px}.b_imagePair.square_mp>.inner{width:80px}.b_imagePair.square_mp{padding-left:90px}.b_imagePair.square_mp>.inner{margin:2px 0 0 -90px}.b_imagePair.square_mp.reverse{padding-left:0;padding-right:90px}.b_imagePair.square_mp.reverse>.inner{margin:2px -90px 0 0}.b_imagePair.square_s>.inner{width:50px}.b_imagePair.square_s{padding-left:60px}.b_imagePair.square_s>.inner{margin:2px 0 0 -60px}.b_imagePair.square_s.reverse{padding-left:0;padding-right:60px}.b_imagePair.square_s.reverse>.inner{margin:2px -60px 0 0}.b_ci_image_overlay:hover{cursor:pointer}.b_greyBackgroundModal{display:none;position:fixed;left:0;top:0;width:0;height:0}Cursor实践指南：网站搭建（前端部分），AI写代码 2024年9月29日 · 在没有任何编码经验的情况下建立了一个 Three.js 网站，利用 Claude A I 工具，并让Cursor为他完成所有代码工作。 这也勾起了本人浓厚的好奇心，说干就干！ 下面是Cursor下载安装及使用教程，建议收藏！ cursor官网 更多内容请查看https://zhuanlan.zhihu.com/p/760955753
|
|
