智能ai构建网站 |
| 时间:2025-03-08 12:11:00 来源:互联网 作者: |
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}.b_ans .b_sideBleed,.b_algo .b_sideBleed,.b_ad .b_sideBleed{margin-left:-20px;margin-right:-20px}.b_ans.b_topborder .b_sideBleed,.b_ans.b_nonfirsttopb .b_sideBleed{margin-left:-19px;margin-right:-19px}.b_topborder .b_bottomBleed,.b_nonfirsttopb .b_bottomBleed{margin-bottom:-10px}.b_tophbb .b_bottomBleed{margin-bottom:-19px}.b_topborder .b_topBleed,.b_nonfirsttopb .b_topBleed{margin-top:-15px}.b_tophbb .b_topBleed{margin-top:-15px}#b_context .b_ans .b_sideBleed{margin-left:-20px;margin-right:-20px}#b_context .b_ad .b_sideBleed{margin-left:-20px;margin-right:-20px}#b_context .b_ans:not(:last-child) .b_bottomBleed{margin-bottom:-5px}#b_context .b_ad:not(:last-child) .b_bottomBleed .b_expando .b_ans .b_bottomBleed{margin-bottom:-15px}#b_context .b_ans .b_topBleed{margin-top:-10px}#b_context .b_ad .b_topBleed{margin-top:-10px}#b_context .b_ans .b_entityTP .b_sideBleed,#b_context .b_ad .pa_sb .b_sideBleed{margin-left:-19px;margin-right:-19px}#b_context .b_ans .b_entityTP .b_topBleed,#b_context .b_ad .pa_sb .b_topBleed{margin-top:-9px}#b_context .b_ans .b_entityTP .b_bottomBleed{margin-bottom:-4px}.b_ans .b_sideBleed .b_antiSideBleed,.b_algo .b_sideBleed .b_antiSideBleed,.b_ad .b_sideBleed .b_antiSideBleed{padding-left:20px;padding-right:20px}.b_ans.b_topborder .b_antiSideBleed,.b_ans.b_nonfirsttopb .b_antiSideBleed{padding-left:19px;padding-right:19px}.b_topborder .b_bottomBleed .b_antiBottomBleed,.b_nonfirsttopb .b_bottomBleed .b_antiBottomBleed{padding-bottom:10px}.b_topborder .b_topBleed .b_antiTopBleed,.b_nonfirsttopb .b_topBleed .b_antiTopBleed{padding-top:15px}.b_tophbb .b_bottomBleed .b_antiBottomBleed{padding-bottom:19px}.b_tophbb .b_topBleed .b_antiTopBleed{padding-top:15px}#b_context .b_ans .b_antiSideBleed{padding-left:20px;padding-right:20px}#b_context .b_ad .b_antiSideBleed{padding-left:20px;padding-right:20px}#b_context .b_ans:not(:last-child) .b_antiBottomBleed{padding-bottom:5px}#b_context .b_ad:not(:last-child) .b_antiBottomBleed,.b_expando .b_ans .b_bottomBleed{padding-bottom:15px}#b_context .b_ans .b_antiTopBleed{padding-top:10px}#b_context .b_ad .b_antiTopBleed{padding-top:10px}#b_context .b_ans .b_entityTP .b_antiSideBleed,#b_context .b_ad .pa_sb .b_antiSideBleed{padding-left:19px;padding-right:19px}#b_context .b_ans .b_entityTP .b_antiTopBleed,#b_context .b_ad .pa_sb .b_antiTopBleed{padding-top:9px}#b_context .b_ans .b_entityTP .b_antiBottomBleed{padding-bottom:4px}.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 网站生成器:现在每个人都可以创建网站! 无论您是小型企业主、博主,还是只想创建个人网站,这些 AI 网站构建器都是您的最佳选择。 立即阅读,了解如何轻松创建网站! 1. 轻松创业: 浩酷AI建站神器. 要使用此 更多内容请查看https://zhuanlan.zhihu.com/p/651154102
|
|