用 WorkBuddy 从零搭建静态网站(二):选框架,WorkBuddy 怎么帮你定
以文学酒铺为例,讲清 WorkBuddy 如何按需求在 Astro/Hugo/Hexo/Next/VitePress 中选框架,为什么内容站选 Astro。
写在前面
上一篇我们搞清了:建站主力是 WorkBuddy,整体思路是”用大白话下指令,它来生成”。 这篇解决第一个真问题:用什么工具把文章变成网页? 这叫”选框架”。而这件事,你也可以直接交给 WorkBuddy。
一、“框架”是什么(先搞懂这个)
想象你要盖一间小屋。
- 不用框架 = 自己去山上砍树、和泥、烧砖。能成,但累死,还容易塌。
- 用框架 = 别人已经把脚手架、模板、工具准备好,你只要按说明拼装,很快住进去。
做网站也一样。“框架”就是一套帮你把文章快速变成整齐网页的工具包。你写普通文字,它帮你处理排版、链接、手机适配这些麻烦事。
结论:新手一定要用框架,别手写。下面看选哪个。
二、五个候选选手
| 名字 | 一句话介绍 | 用什么语言写 |
|---|---|---|
| Astro | 专为”内容站/博客”设计,默认零多余代码,飞快 | 普通 HTML,可选加 JS |
| Hugo | 老牌静态生成器,速度极快 | 一种叫 Go 的语言 |
| Hexo | 国内用得多,博客向 | JavaScript(Node) |
| Next.js | 功能超强,但偏”动态应用” | JavaScript(React) |
| VitePress | 适合写”文档/说明书” | JavaScript(Vue) |
三、一张表对比(新手最关心的)
| 对比项 | Astro | Hugo | Hexo | Next.js | VitePress |
|---|---|---|---|---|---|
| 学习难度 | ⭐ 低 | ⭐⭐⭐ 中 | ⭐⭐ 较低 | ⭐⭐⭐⭐ 高 | ⭐⭐ 较低 |
| 要不要写代码 | 基本不用 | 要一点点 | 要一点点 | 要较多 | 要一点点 |
| 打开速度 | 很快 | 很快 | 快 | 看写法 | 快 |
| 适合做博客 | ✅ 很适合 | ✅ | ✅ | 偏大材小用 | 偏文档 |
| 中文资料 | 多 | 多 | 很多 | 极多 | 多 |
| 部署到 Cloudflare | ✅ 简单 | ✅ | ✅ | 稍麻烦 | ✅ |
星级越少越简单(⭐ 最容易)。
四、让 WorkBuddy 帮你选
你不用自己研究上面这张表。把需求说清,WorkBuddy 就帮你定,还能解释为什么。
文学酒铺的真实做法:我只告诉 WorkBuddy 我的需求——
“个人内容站、博客向、要打开快、要免费部署到 Cloudflare、最好零多余代码。”
它据此选定了 Astro,理由正是上表那几条:
- 最不吓人:你主要写”像日记一样的文字”,不用先学编程语言。
- 飞快:它默认不塞多余东西,读者打开秒开,搜索引擎也喜欢。
- 内容站亲妈:文章就是一个个
.md文件,建文件夹、写文件就行,和我们后面教的流程完美匹配。 - 免费部署丝滑:和 Cloudflare Pages 是”官方好朋友”,下一篇一键上线。
你只要说清”我是做什么的网站、要不要免费部署”,WorkBuddy 会连框架带理由一起给你。框架只是工具,思路通用——学会这套”写内容→生成→上线”的逻辑,换别的框架也一样懂。
五、本篇记住一句话
我们用 Astro,是 WorkBuddy 按”内容站 + 免费部署”需求定的。 你不必懂每个框架,把需求讲给 WorkBuddy 就够了。
下一篇动手:把 WorkBuddy 生成好的项目,在自己电脑上跑起来看效果。
六、小测验(心里答就行)
- 框架是”砍树和泥”还是”现成脚手架”? → ______
- 我们选了哪个? → ______
- 它是 WorkBuddy 按什么定的? → 你提的______
答案:脚手架;Astro;需求(内容站 + 免费部署 Cloudflare)。
本系列文章
《用 WorkBuddy 从零搭建静态网站》系列(共 5 篇),建议按顺序阅读:
你正在读:(二)选框架:WorkBuddy 怎么帮你定 Astro ← 本文
本文标题: 用 WorkBuddy 从零搭建静态网站(二):选框架,WorkBuddy 怎么帮你定
标签:
#教程#静态网站#框架#Astro#WorkBuddy