不会写代码，我用AI一天建好了自己的个人网站No Code Required: How I Built My Personal Website in One Day with AI
From domain registration and prompt engineering to cloud deployment, a complete case study of building a personal digital hub with AI in 24 hours. Full starter kit and prompts included at the end.
💡 Executive Summary (English Overview)
On October 18, 2026, I launched wangyepeng.com. As an educator and higher education manager without formal coding training, I collaborated with an AI agent workflow to bring this independent digital space to life in a single day.
Key insight: AI does not merely increase task efficiency; it bridges the gap between vision and professional implementation. Humans define the mission, establish acceptance standards, and own the final outcome, while AI handles technical implementation.
2026年10月18日，我完成了一件过去一直想做、却迟迟没有动手的事情：建立自己的个人网站。
网址是：wangyepeng.com。
从确定网站结构、注册域名，到AI编程、部署上线，整个过程在一天内完成。
我不是专业程序员，也没有系统学习过网页开发。这次建站的主要代码由AI完成，我负责提出需求、选择方案、判断效果和验收成果。
这次经历让我意识到：AI不仅可以帮助我们提高工作效率，还可以让过去受限于专业技能的想法真正落地。
01为什么要建立个人网站？
现在有微信公众号、小红书、LinkedIn等平台，为什么还需要一个独立网站？
我有三个考虑。
第一，建立一个属于自己的网络空间。
社交平台虽然方便，但内容分散，展示形式和传播方式也受到平台规则的限制。
我希望拥有一个以个人网站为中心、能够长期积累和自主组织内容的网络空间。
第二，让专业积累被看见、被链接。
过去十多年，我主要从事高校教育管理、国际合作和人才发展工作，近年来又开始深入探索AI的实际应用。
这些经历逐渐形成三个相互关联的方向：跨国教育、人才发展、人工智能。
我希望把过去和未来的文章、课程、项目与实践成果系统整理起来，让零散的积累逐渐形成自己的专业知识体系。
第三，为未来的国际交流建立一个窗口。
一个中英文双语网站，可以帮助不同国家和地区的同行更方便地了解彼此的专业背景、研究兴趣和实践成果。
相比临时发送个人简历或零散的平台链接，一个长期维护的网站能够更完整地呈现个人的专业积累。
Figure: WangYepeng.com Bilingual Overview
02一天时间，我是如何完成建站的？
第一步，确定网站的定位与结构。
我先与ChatGPT讨论网站究竟应该展示什么、面向哪些读者，以及如何组织内容。
最终确定了五个主要页面板块：首页、跨国教育、人才发展、人工智能和精选成果，并设置12个内容栏目。
第二步，注册域名。
我选择了自己的姓名拼音 wangyepeng.com，通过Cloudflare注册。
域名可以理解为网站的门牌号码。注册域名之后，还需要建设网站，并通过托管服务让其他人能够访问。
第三步，让AI编写网站。
我将网站需求整理成较为完整的Prompt，交给Google Antigravity执行。
它帮助我搭建Astro项目、编写网页、调整页面布局、处理图片并进行测试。
第四步，使用GitHub管理代码。
我建立了私有代码仓库，让网站的每次修改都有记录。
这样即使以后更换电脑，或者需要恢复历史版本，也不必依赖某一台设备上的本地文件。
第五步，部署网站并绑定域名。
网站最终部署到Cloudflare Workers，再将正式域名与网站连接起来。
经过中英文页面、图片、链接和HTTPS等检查后，网站正式上线。
整个过程中，我没有逐行编写网页代码，但始终参与需求定义、方案选择和结果验收。
Figure: Six-Step Implementation Journey from Concept to Live Production
03我是如何让不同AI协作的？
这次最大的收获之一，是尝试建立了一套AI协作工作流。
负责产品设计与质量审查。包括明确网站定位、设计内容结构、优化中英文表达、审查开发结果，以及提出修改建议。
负责实际开发。根据需求编写代码、处理页面、执行构建、排查技术问题并完成部署。
负责版本管理。保存源码和历史修改记录，让开发过程可追溯、可恢复。
负责网站托管。将本地开发的网站发布到互联网，并连接正式域名。
需要说明的是，GitHub和Cloudflare本身并不是AI工具，而是网站建设和发布流程中的基础设施。
这套流程的价值，并不是使用了多少工具，而是把不同任务交给最适合的工具，并通过明确的交付标准将它们连接起来。
Figure: Four-Pillar Collaboration Workflow (ChatGPT + Antigravity + GitHub + Cloudflare)
04AI建站并非一键完成
如果只看最后的网站，很容易以为整个过程就是向AI输入一句话，然后等待生成结果。
实际情况并非如此。
例如，在部署过程中，网站开发环境与云端构建环境的Node.js版本需要保持兼容。否则，即使本地网站运行正常，线上构建也可能失败。
又如，网站在开发过程中需要反复修改内容结构、调整图片、统一中英文姓名和专业表述，并清理尚未真实发布的示例内容。
还有一个重要问题：网站成功构建，并不代表正式上线已经完成。
域名解析、HTTPS、页面链接、移动端显示、自动部署，都需要逐项检查。
这些经历让我逐渐形成一个认识：
AI可以替你执行大量工作，但你仍然需要定义目标、提出标准，并对最终结果负责。
Figure: Transparent GitHub Version Tracking & Commits
05这次实践给我的三个启发
1AI正在改变能力的边界。
过去，完成一个网站往往需要先学习编程，或者购买专业开发服务。
现在，我们可以从真实需求出发，让AI帮助完成自己不熟悉的技术环节。
这并不意味着专业技能失去了价值，而是获取和运用专业能力的方式正在改变。
2提出好问题，比简单地发出指令更重要。
AI并不知道你真正想要什么。
只有不断澄清目标、提供背景、明确约束、检查结果，才能让AI逐渐接近你的真实需求。
我发现，使用AI的过程本身，也在训练自己的产品思维和系统思考能力。
3真正重要的不是网站，而是网站承载的内容。
一天可以建好网站，但个人专业影响力不可能一天建成。
未来真正有价值的，是持续积累的文章、项目、案例、课程，以及对真实问题的深入思考。
网站只是为这些积累提供一个长期的载体。
06我把这次建站的方法整理成了一份工具包
为了让这次分享不只是一个个人故事，我准备将实际使用的方法整理成可以复用的资料。
包括：
① AI个人网站建设Prompt
帮助读者从网站定位、内容结构、视觉设计开始，逐步指导AI完成开发和部署。
② AI建站Skills与操作规范
将项目开发、内容管理、质量检查等经验整理成可复用的文件，让AI在后续工作中遵循一致的流程。
③ 网站内容发布模板
帮助读者把文章、视频、照片或项目成果，整理成适合网站发布的内容。
这些资料将逐步整理并发布在我的个人网站，供有兴趣的朋友参考和使用。
Figure: AI Personal Website Starter Kit (V1.0)
AI Personal Website Starter Kit (V1.0)
Complete scaffolding including prompt templates, workflow architecture, publishing checklists, and agent skills.
07网站建好了，下一步是什么？
接下来，我希望逐步把自己在跨国教育、人才发展和AI应用领域的实践成果整理出来。
同时继续探索如何让AI参与内容整理、双语写作和日常发布，形成一套长期可持续的个人知识管理与传播方式。
回顾这次经历，我最深的感受是：
过去，我们常常因为不会某项技术而放弃一个想法；AI时代，我们可以先从想法出发，再借助AI找到实现它的方法。
AI降低的是技术实现的门槛，而不是思考与判断的价值。
我的第一个个人网站，是一次小小的实践，也是一段新的探索。
欢迎访问：wangyepeng.com。
也欢迎交流你使用AI实现想法的经历。