从零搭建并上线个人网站

从选路线、写简报、找设计参考、AI 辅助开发，到购买域名服务器、备案、HTTPS、验收和回退，手把手完成个人网站 0—1。

1. 1

   选择建站路线，锁定第一版范围

   必修你亲自完成

   先判断你要做展示型个人主页、转化型落地页，还是包含登录和后台的功能型网站。第一版只服务一个目标用户和一个核心行动，避免新手同时做作品集、卖课、社区、支付和知识库。

   完成后：一页纸网站范围说明和 MVP 功能清单。

   35 分钟
2. 2

   建立网站全局图，补齐核心术语

   必修你亲自完成

   把浏览器、域名、HTTPS、服务器、前端、后端、数据库和部署放到同一张图里。以后遇到故障时，你才能判断问题属于页面、服务、网络还是数据。

   完成后：一张个人网站系统关系图和八个术语的口语解释。

   40 分钟
3. 3

   写网站开工简报，准备真实内容

   必修AI 辅助

   把目标、用户、页面、核心文案、CTA、已有素材和上线约束写成开工简报。AI 可以协助追问和整理，但定位、承诺、案例和联系方式必须来自你自己。

   完成后：一份可直接交给设计和开发使用的网站开工简报。

   50 分钟
4. 4

   找参考、拆结构并画第一张线框图

   必修人机协作

   有目的地选择三个参考网站：一个参考信息结构、一个参考视觉语言、一个参考移动端。拆解首屏、区块和 CTA 后，再画不带装饰的线框图。

   完成后：一块有理由的参考板和一张桌面/手机首页线框图。

   60 分钟
5. 5

   搭好本地环境，让 AI 分阶段写网站

   必修人机协作

   先让项目在本地稳定运行，再按骨架、视觉、功能、数据四轮推进。每次只给 AI 一个边界清楚、可验收的小任务，并在成功后保留版本。

   完成后：一个本地可运行项目、两次可验证改动和清晰的版本记录。

   60 分钟
6. 6

   完成首页视觉与移动端体验

   选修人机协作

   用真实内容实现首屏、核心区块、信任信息和 CTA，再选择合适的前端设计 Skill 提升视觉。审美服务于信息理解，不以堆毛玻璃和动画为目标。

   完成后：一版信息清楚、视觉统一、手机可正常使用的首页。

   60 分钟
7. 7

   按需要补后端、数据库和登录权限

   必修你亲自完成

   如果网站只展示内容，明确跳过本步；如果需要登录、内容发布或会员权限，就先设计最小数据对象和权限矩阵，再实现一条完整业务闭环。

   完成后：一张数据关系图、一张权限矩阵和一条服务端校验的业务闭环。

   60 分钟
8. 8

   购买域名与服务器，完成安全初始化

   必修人机协作

   先确定用户地域和备案计划，再选择域名、服务器地域、系统、带宽和备份方式。小型全栈网站可用 2 核 4G、Ubuntu LTS 作为起步参考，购买当天再次核对价格和备案资格。

   完成后：域名、可用服务器、SSH 登录方式和安全组检查记录。

   60 分钟
9. 9

   部署应用，接通域名与 HTTPS

   必修你亲自完成

   按备份、构建、数据库迁移、启动、反向代理、域名解析、证书和健康检查的顺序上线。遇到故障时先看服务状态和日志，再看端口、Nginx、DNS 与证书。

   完成后：一个可通过 HTTPS 访问的测试站点和一份故障排查记录。

   60 分钟
10. 10

    完成 ICP 与公安联网备案准备

    必修你亲自完成

    面向中国大陆长期开放时，按接入商和主管部门的最新要求准备备案。先完成 ICP 备案和备案号展示，再开站并办理公安联网备案；收费或特殊行业业务需另行核对许可边界。

    完成后：一份备案材料清单、时间线和待确认的合规问题。

    45 分钟
11. 11

    全链路验收，建立备份与回退基线

    必修AI 辅助

    用管理员、普通用户和未登录访客分别走完整流程，检查移动端、权限、数据、静态资源和错误提示。发布前完成数据库与上传文件备份，并保留上一稳定版本。

    完成后：签字版上线验收清单、两类备份和可执行回退方案。

    60 分钟