0-1制作上线个人作品网站教程丨保姆级💓

🌟虽迟但到，分享下个人网站从制作到上线整体流程 ✍🏻 整体制作流程概览 1️⃣ 准备Ai编程工具（Codex Claudcode Cursor） 2️⃣ 跟Ai编程工具说你想要什么 3️⃣ 网站骨架出来后对整体架构、内容进行修改 4️⃣ 制作好的网站工程文件上传到GitHub 5️⃣ 去Vercel部署你的网站 6️⃣ 配置自己的专属域名 💓详细步骤如下💓 🖥 你需要提前准备 → 下载Ai编程工具（AI 帮你写代码的软件） → 注册 GitHub（存代码用，相当于代码的网盘） → 注册 Vercel（上线网站用）三个都免费 ✅ ⚠️ 以上注册都需要用到谷歌邮箱 📝 Step 1️⃣ · 告诉 AI 你想要什么 打开工具，直接用中文说："帮我做一个个人作品集网站，黑色背景，顶部有导航，下面展示我的作品，先用卡片占位（骨架搭好再填充内容）"AI会搭好网站骨架✍🏻 👀 Step 2️⃣· 看骨架效果，哪里不对就直接说，不满意就截图发给AI，反复调整到满意为止 🖼 Step 3️⃣-1 · 骨架确定后把作品图片放进去，跟Ai说把某某文件夹里的图片放到网站的某个位置（位置可以截图发给Ai，它就可识别到哪个具体位置了） 📸 Step 3️⃣-2 ·图片都放置好后你的网站就有内容了，比如有一个全屏封面，下面的作品板块也有内容封面了，修改具体的细节就直接跟Ai工具自然语言描述就行 📀 Step 3️⃣-3 ·静态内容放好后就可以给板块加动态效果（可以让Ai给你建议） ☁️ Step 4️⃣ · 网站基本搭好后就可以传到 GitHub，代码就存到云上了，相当于把文件存进网盘 🚀 Step 5️⃣ · 去 Vercel 点一下部署 选择GitHub项目，点Deploy等两分钟，你的网站上线了 🎉 全世界都能访问的那种💥 🔄 以后要更新怎么办 GitHub和Vercel都有自动更新的能力，修改完后只要跟Ai工具说一句帮我推上线就行~ 💥 去做吧，你的作品值得被更多人看见 - #vibecoding #个人网站 #AI编程 #设计师 #作品集 #ai #作品集 #创意设计 #作品集网站 #AIGC #个人网站