← 返回首页 保姆级教程 · FAQ

从 0 到 1 建一个这样的学习网站（保姆级）

你正在看的这个站就是这么做的：0 元、不用学编程、全程靠给 AI 发对的话。每步都给你可复制的话术。

第 1 步：让 AI 把网站做出来（发这段话）

在 AI 聊天窗口发（可直接复制，按你想放的栏目改）：

帮我做一个个人学习演示网站，纯静态、不用任何框架，要求：
①页面：首页（简介＋内容列表＋联系方式占位）＋文章页，文章先放 3 篇；
②手机打开要正常，字号自适应；不用任何外部 CDN、字体、JS，全部内联，
  保证任何网络环境下都打得开；
③做一个可扩展结构：问答内容放 qa 文件夹、一题一个文件，
  列表数据单独放一个 js 文件，首页自动显示最新几条——
  以后加内容只加文件，不改首页；
④全部生成到一个文件夹里，做完告诉我怎么在本地预览。
✓ 验收：得到一个文件夹，双击 index.html 浏览器能打开，手机宽度也不乱。

第 2 步：本地预览改内容

把 AI 生成的文章换成你的真实内容（你的方法、你的案例），不满意的地方直接在聊天窗让 AI 改：「首页标题改成 xxx」「加一篇文章，主题是 xxx」。改完刷新浏览器看效果。

第 3 步：注册 Cloudflare（免费，不绑卡）

官网注册，一个邮箱搞定，验证邮箱即可。免费送的 xxx.pages.dev 网址就够用，先不买域名。

第 4 步：打包上传部署

  1. 把网站文件夹压缩成一个 zip（它只收单个文件夹或 zip）；
  2. 后台创建 Pages 项目 → 上传 zip → 点部署；
  3. 十几秒后拿到全球可访问的网址。

真实部署过程（含踩的坑）见《0 元上线一个全球可访问的网站》。

✓ 验收：换个网络（比如手机流量）打开网址，每页都能开、内容都对。

第 5 步：持续更新（成长型关键）

为什么不用建站工具

手写 HTML＋CSS、零外部依赖——大陆访问不卡第三方、永远不会因为某个 CDN 挂了白屏。演示站要的是永远打得开，不是炫技。成本：域名 0 元、托管 0 元、HTTPS 0 元。

本站源文件结构说明在小报童专栏（入口待填）。