用 WorkBuddy 从零搭建静态网站（一）：从文学酒铺说起
以文学酒铺（wenxuejiupu.com）真实建站为例，讲清用 WorkBuddy 从零搭静态网站的整体思路，以及网站=房子、域名=地址、服务器=地块的基本构成。
写在前面
你有没有想过：不懂代码，能不能拥有一个自己的网站？
答案是：能。我就是用 WorkBuddy（一个 AI 助手） 从零搭起了「文学酒铺」这个网站（wenxuejiupu.com）。这一篇，我从它讲起，带你搞懂”用 WorkBuddy 建站”到底怎么回事——后面四篇，再一步步拆开做给你看。
一、文学酒铺是什么，为什么要建站
文学酒铺是我的个人笔名品牌站，放开源软件分享、AI 落地教学、网盘资源和一些人文随笔。
我想要的是：一个打开快、手机好看、不用买服务器、全世界能访问的地方。 ——这正好就是”静态网站”最擅长的。而你不需要自己写代码，只要会用大白话下指令，WorkBuddy 就能帮你把它做出来。
二、先把网站想成”网上的房子”
别把它想复杂。一个网站，其实就是互联网上的一栋房子。
| 房子的部分 | 在网站里对应什么 | 作用 |
|---|---|---|
| 房子本身（墙、房间、家具） | 网页内容（文字、图片、排版） | 别人进来”看”的东西 |
| 门牌地址 | 域名 / IP | 想进来，先得知道地址 |
| 建房子的那块地 | 服务器 | 房子必须盖在一块一直存在的地上 |
三个要点一次说清：
- 网站 = 网上的房子。你写文章、放图片，就是在装修这栋房子。
- 域名（IP）= 地址。就像去朋友家要门牌号，别人访问你的网站也要输入地址（比如 wenxuejiupu.com）。技术上，域名背后是一串数字”IP 地址”，域名只是让人好记的写法。
- 服务器 = 那块地。房子不能飘在天上，得盖在一台一直开着的电脑上，这台电脑就叫”服务器”。它 24 小时不关机，随时等客人来敲门。
一句话记住：域名是地址，服务器是地，网站是盖在地上的房子。
三、网站由哪三样基本构成（基础知识）
把上面那栋房子拆开，一个网站基本就这三样东西：
- ① 域名（Domain）＝地址：别人靠它找到你。没有地址，房子盖好了也没人能来。
- ② 服务器（Server）＝地皮＋房东：一台一直开着的电脑，负责把你的网页文件存着，并在有人访问时送出去。
- ③ 网页内容（HTML 等）＝房子本体：你写的文字、放的图片、排好的版式，就是房子的墙、房间和家具。
它们三个怎么配合？想象朋友来你家做客：
- 朋友在浏览器里输入你的域名（地址）；
- 网络根据域名，查到你的服务器（那块地）在哪里；
- 服务器把网页内容（房子）发回给朋友，他立刻就能看到了。
我们后面要做的，就是：写好”房子内容” → 找一块”地”（免费服务器） → 挂上”地址”（域名） → 朋友输入地址就能来参观。
四、网页和网站是什么关系
- 网页 = 房子里的一个房间（比如你写的某一篇文章，就是一间房）。
- 网站 = 整栋房子（很多房间合在一起，还有一个大门牌）。
那这些”房间”用什么盖？用一种叫 HTML 的格式。你不用怕这个词——它就像”盖房要用砖块、要按图纸”，只是一种规矩。后面的框架会帮我们自动按规矩盖好，你只管写人话（文章）就行。
五、静态网站 vs 动态网站（为什么选静态）
| 种类 | 房子比喻 | 特点 |
|---|---|---|
| 动态网站 | 每次有人来，才现场现盖一栋 | 每次访问都现算，复杂、贵、容易出错 |
| 静态网站 | 提前盖好现房，谁来看都直接进 | 提前做好，开门快、免费、稳 |
我们要做的，就是静态网站：把文章提前”盖”成网页，放在免费的服务器上。优点特别适合新手：
- 简单——不用学数据库；
- 快——打开秒开；
- 免费——Cloudflare 等平台白送；
- 安全——没有后台可黑。
六、用 WorkBuddy 建站，整体思路是什么
关键转变：你不用自己写代码，只要用大白话把想法告诉 WorkBuddy，它来生成整套站点。
下面是文学酒铺真实发生过的事：
- 我给 WorkBuddy 下了一句话需求：“用 Astro 5 + TypeScript + Content Collections + Tailwind（暗黑模式）+ sitemap + rss，纯静态部署到 Cloudflare，一次给全代码”。
- 它一口气生成了站点骨架：首页、栏目页、文章页、关于页、RSS、SEO……
- 我接着用自然语言提小改动：“文章页加目录""换成 zhheo 的配色""加一个人文栏目""URL 去掉年份层”——它照改。
- 最后部署上线，全世界能访问。
一句话串起来：你想清楚要什么 → 用大白话告诉 WorkBuddy → 它生成/修改 → 你本地看效果 → 上线。
七、本系列五篇地图
- 从文学酒铺说起（本篇）：搞懂思路与网站基本构成。
- 选框架：为什么是 Astro，WorkBuddy 怎么帮你定。
- 本地部署调试：把 WorkBuddy 生成的项目跑起来看效果。
- 推送 GitHub：让成果有备份、能发布。
- 同步 Cloudflare：一键上线，文学酒铺就是这样公开的。
八、开始前你只需要
- 一台能上网的电脑（Windows 或 Mac 都行）；
- 一个能收邮件的邮箱（注册账号用）；
- 一个像 WorkBuddy 这样的 AI 助手（你的建站主力）。
不用先学编程。下一期，我们看 WorkBuddy 是怎么帮我们选框架的。
小提示：每一步卡住了，把报错那行字原样发给 WorkBuddy，比说”它坏了”有用一百倍。
本系列文章
《用 WorkBuddy 从零搭建静态网站》系列（共 5 篇），建议按顺序阅读：
你正在读：（一）从文学酒铺说起 ← 本文