不会写一行代码，我用Codex给自己做了个网站，全程0元 | 建站系列【1】
本文是建站系列教程的第一篇，主要介绍如何在不编写任何代码的情况下，利用AI Codex、GitHub和Vercel搭建一个免费的个人网站。作者详细拆解了从生成代码、保存文件到部署上线的全流程，并提示了新手易错点（如文件命名）及国内访问的注意事项。
相关文档
面向小白的AI出海建站全流程教程
作者CloudHu分享了一份面向零基础用户的AI出海建站教程，目标是让人无需懂代码和英文即可跑通从找需求关键词、用AI做网站到部署上线的全流程。教程涵盖：用Google Trends和Semrush筛选关键词（KD 0~30、CPC 0.1~10）、借助Codex或Claude Code生成网站、代码上传GitHub、通过Vercel免费部署、在Spaceship购买并绑定域名、向Google Search Console和Bing Webmaster提交站点。总花费可控制在30元以内，约0.5~2天完成。
个人网站上线指南｜域名、部署和上线 一次讲清
本文是一篇面向新手的个人网站上线教程，用通俗语言讲解从本地项目到线上访问的完整流程。文章分为四部分：先解释GitHub、Vercel、域名、DNS等概念及平台选择；再以GitHub+Vercel为例，手把手演示创建仓库、上传代码、导入部署、查看结果；接着介绍购买域名、配置DNS解析、绑定自定义网址；最后说明后续更新流程和费用构成。作者强调理解流程的重要性，并提供了可发给AI Agent的提示词模板，帮助读者在遇到问题时能定位排查。
10分钟上线网站：Vercel保姆级教程，含部署失败排坑指南
本文是建站系列的第四篇，提供了详细的 Vercel 部署教程。文章介绍了 Vercel 的免费额度与商业模式，涵盖了注册流程、单文件及 Fork 模板项目的部署步骤。重点讲解了如何配置框架预设和环境变量，并提供了利用 AI 辅助排查部署失败问题的方法。最后，针对国内访问 Vercel 不稳定的问题，作者给出了绑定自定义域名等解决方案。
手把手教你用 AI 做一个个人作品集网站
本文是一份保姆级教程，指导读者如何利用 AI（如 CodeX、Claude Code）从零开始构建个人作品集网站。文章强调在 AI 时代，作品集比传统简历更能展示个人能力。作者详细介绍了准备素材、寻找设计风格、生成 Demo、代码上传至 GitHub、部署到 Vercel/Cloudflare 以及购买域名的全过程，并指出这是通过作品重新认识自我、展示个人生命力的过程。
手把手教你把一台VPS变成自己的Vercel
本文针对 Vercel 国内访问慢、免费额度受限的痛点，提出用自有 VPS 部署开源平台 Dokploy 的替代方案。作者详细介绍选购 VPS 的避坑要点（推荐香港或海外节点以免备案）、安装 Dokploy 面板、生成 API Key 并通过 MCP 接入 Codex，让 AI 通过对话即可完成项目创建、Supabase 数据库部署、连接 GitHub 仓库自动构建发布等任务，最终搭建出体验接近 Vercel、功能更强的私有部署环境，年成本仅约 100 元。
我用 Codex 搭个人网站：从选 UI 到部署上线
作者 DerrickLi 非计算机专业出身，借助 AI 工具 Codex 搭建了自己的个人网站。文章记录了完整建站过程：先规划网站内容框架（个人介绍、作品、文章、Skills、联系入口），再反复打磨 UI，从最初追求科技感动效失败，到通过 MotionSites 素材参考最终实现电影感页面，强调有具体参考能让沟通更高效。部署阶段经历预览发布、域名接入、HTTPS 配置等调试。作者总结了定内容、选画面、做上线三步流程，并强调网站上线后仍需持续积累作品和文章内容。
Codex 实战系列｜零代码个人网站搭建
本文介绍了如何用 Codex 在 30 分钟内零代码搭建个人网站。作者 Miles Ma 详细讲解了完整流程：在 Spaceship 购买域名并注册 Cloudflare；在 Codex 中新建项目并整理个人资料、文章和图片；让 Codex 通过 Computer Use 分析参考网站（如 Immersive Garden）的结构、风格和交互；确认规划后生成第一版，并在浏览器中逐处迭代修改；最后通过 wrangler 授权部署到 Cloudflare 并绑定域名上线。文章还介绍了如何利用子域名（如 cv、course、tools）在同一域名下扩展在线简历、课程和工具页面，实现一人低成本持续维护个人站点的最佳实践。
做网站前必看：GitHub、Vercel、Cloudflare、腾讯云到底是干嘛的？
本文用“开餐厅”的比喻，深入浅出地解析了建站流程中四个核心平台的角色与区别：GitHub负责代码存储与版本管理，Vercel提供免费的自动化部署托管，Cloudflare负责域名管理、CDN加速与安全防护，腾讯云则提供国内正规的服务器与备案服务。文章最后总结了免费出海与国内正规两条建站路线的选择建议，适合新手理清建站思路。
一文超详细讲透GitHub：从注册、搜索到部署与协作的全流程指南
这是一篇面向 AI 编程爱好者的 GitHub“保姆级”教程。文章从开源概念与 Git/GitHub 区别讲起，详细涵盖账号注册、双重认证（2FA）、仓库创建、高效搜索技巧、仓库结构解析、Issue 提交流程以及本地 Git 操作。作者重点介绍了如何利用 AI 编程工具（如 Cursor）简化 Git 命令，并讲解了 Fork 与 Pull Request 的开源协作机制，最后分享了项目部署至 GitHub Pages 和 Vercel 的方法。
Claude Code 零基础配置与实战指南
本文是一篇面向非技术人员的 Claude Code 使用教程。文章详细介绍了如何连接 GitHub、通过 VS Code 绕过权限限制、以及使用自然语言生成网站和交互式教程的方法。同时，作者分享了编写高效提示词的技巧（如使用截图、专注单一任务）以及如何利用 CLAUDE.md 文件保持项目记忆。最后，文章总结了在使用过程中可能遇到的高额费用、代码质量盲区和死循环等陷阱及应对策略。
OpenPencil：全球首款 AI 原生开源矢量设计工具
OpenPencil 是号称全球首款 AI 原生的开源矢量设计工具，GitHub 已获 6400+ Stars，90.6% 代码由 Rust 编写。它实现了 Design-as-Code：通过提示词在实时画布上生成和修改 UI。核心亮点包括：并发智能体团队将页面拆解为多个子任务并行流式渲染；多模型智能适配（Claude、GPT-4o、Gemini、MiniMax 等）；可通过 MCP Server 集成到 Claude Code、Cursor 等终端工具；.op 设计文件为纯 JSON 格式、Git 友好，可一键导出 React + Tailwind 或 HTML + CSS 代码；支持 P2P 实时协作与冲突回放。适合前端开发者和独立创作者提升生产力。
Skills 又燃爆了
文章盘点了近期爆火的 5 个 Agent Skills 开源项目：Google Android 官方的安卓开发技能包 android/skills、K-Dense 的 177 项覆盖多学科的 AI 科学家技能库、rehan-remade 的万能游戏 Mod 工具、QingYunA 的一页式 HTML 回答方案，以及 oil-oil 的 UI 设计师技能。这些项目展示了 Skills 生态的爆发：官方下场教 AI 写安卓、Agent 变身科研专家、一句话改游戏、答案自带排版、AI 具备审美能力，标志着 Agent Skills 正成为下一代 AI 能力扩展标准。
