第一天 AI辅助从0开始搭建网站

第一天 AI辅助从0开始搭建网站 第一天 AI辅助从0开始搭建网站 Modified October 21, 2024 点击前面的标题，查看这个版本都修改了哪些内容。如 如果要恢复这个版本，在网页可以这样操作，点击右上角的Browse files 然后就可以看到历史版本了。点击复制，整个文件内容就复制好了 回到当前版本，点击右上角的下拉框 这个时候，文件路径是没变的，点击编辑，全选，粘贴，提交 无影安装（注册无影帐号） 无影简单理解，就是我们去网吧，里面安装好了各种软件，各种游戏，打开就能用，按小时付费。 这次为了同学们方便使用，做了一个云上电脑，里面安装好了各种软件，开箱即用。目前测试下来，在它里面github速度还可以。 今天作业 完成这个系统的部署 • 提交部署在zeabur的链接地址。如 https://ainav1010.zeabur.app/zh • 网站截图（包括整个浏览器） • (可选作业)在网站上说明自己创业idea, 可以使用网站来说明: ◦ 想要用来做什么 ◦ 针对什么用户群体 ◦ 他们的痛点是什么 ◦ 如何解决这些痛点 明天内容预告： 扩展阅读 工具：bolt.new 【震撼揭秘】不会写代码，如何通过AI编程颠覆工作方式？职场必备技能 AI编程共学01.pdf 15.59MB 注册无影帐号 工具：bolt.new 【震撼揭秘】不会写代码，如何通过AI编程颠覆工作方式？职场必备技能 点击前面的标题，查看这个版本都修改了哪些内容。如 如果要恢复这个版本，在网页可以这样操作，点击右上角的Browse files 然后就可以看到历史版本了。点击复制，整个文件内容就复制好了 回到当前版本，点击右上角的下拉框 这个时候，文件路径是没变的，点击编辑，全选，粘贴，提交 无影安装（注册无影帐号） 注册无影帐号 无影简单理解，就是我们去网吧，里面安装好了各种软件，各种游戏，打开就能用，按小时付费。 这次为了同学们方便使用，做了一个云上电脑，里面安装好了各种软件，开箱即用。目前测试下来，在它里面github速度还可以。 今天作业 完成这个系统的部署 • 提交部署在zeabur的链接地址。如 https://ainav1010.zeabur.app/zh • 网站截图（包括整个浏览器） • (可选作业)在网站上说明自己创业idea, 可以使用网站来说明: ◦ 想要用来做什么 ◦ 针对什么用户群体 ◦ 他们的痛点是什么 ◦ 如何解决这些痛点 ◦ 想要用来做什么 ◦ 针对什么用户群体 ◦ 他们的痛点是什么 ◦ 如何解决这些痛点 明天内容预告： 扩展阅读 工具：bolt.new 工具：bolt.new 【震撼揭秘】不会写代码，如何通过AI编程颠覆工作方式？职场必备技能 【震撼揭秘】不会写代码，如何通过AI编程颠覆工作方式？职场必备技能 AI编程共学01.pdf 15.59MB AI编程共学01.pdf 15.59MB 共学目标： 通过github，zeabur完成网站搭建，并在这个基础上做修改。 通过共学快速搭建一个属于自己的网站。 事先准备： • 一个github帐号（地址） 地址 • 一个zeabur账号（注册教程） 注册教程 共学过程： 在这次生成式AI大爆发之前，IT领域的相关技术已经积累了大量的基础设施，在AI的加持下，这些基础设施的使用变得异常轻松。但是毕竟属于不同的领域，许多人对编程有天然的抵触和抗拒，全栈工程师和超级个体是差不多的意思，但是在AI的帮助下，变得简单了很多。 这是网上找的一张图，如果一个人要做一个网站，需要先了解这些，压力是相当大的，希望通过我们这次共学，快速让没有多少编程基础的小伙伴，快速搭建一个属于自己的网站，实现从0到1的突破。 这次的共学案例是一个用于写剧本的网站，通过2天的时间，探索完整的搭建过程，为后续进一步的学习实践打下基础，更进一步的探索，后续社区还会有更多大咖分享 导入现有代码 打开github仓库 https://github.com/iaiuse/NovelListAI 点击fork 简单理解就是，为了这次共学做了一个教学用的demo网站，代码如何给大家呢？可以做个压缩包给大家，大家拿到以后，解压再放到github这样的平台，然后做后续的操作，步骤多，也麻烦。 用fork就直接把前面这些步骤都做完了 简单理解就是，为了这次共学做了一个教学用的demo网站，代码如何给大家呢？可以做个压缩包给大家，大家拿到以后，解压再放到github这样的平台，然后做后续的操作，步骤多，也麻烦。 用fork就直接把前面这些步骤都做完了 成功fork以后，就可以随便改了 发布成网站 通过zeabur平台将github中的项目代码快速搭建成一个可以访问的网站 打开网站https://zeabur.com/ 创建项目 https://dash.zeabur.com/projects 免费节点就是后面没有标记的 点击以后，选择github 上的项目 然后配置从Github获取项目代码 选择我们刚刚注册的Github帐号 选择要部署的项目，简单一些可以直接选择默认的，也就是All 这里如果没有显示出来，点上面 Github仓库前面的 < 退回去，再点Github仓库回来，应该就有了 这里如果没有显示出来，点上面 Github仓库前面的 < 退回去，再点Github仓库回来，应该就有了 选择项目默认部署 等待启动 最后看效果 点开网络，生成域名，就会有一个二级域名 设置一个域名，它会提示是否被占用了 点开域名 修改代码 通过简单的修改 因为它使用了多语言设置，修改其中一个内容就可以，点击messages，找到zh.json 修改Product/name 改成你想要的名称 修改完成以后，点击右上角的提交按钮，说明一下修改了什么内容 回到我们前面的网页，等zeabur部署完成，刷新网页，看看改了没有 左边是显示构建中，是刚刚我们修改的内容，右边运行是上个正常运行的版本 改错了咋办 git提供了修改历史的功能