想搭个博客、项目文档或者个人主页，又不想折腾服务器和数据库？静态站点生成框架是个靠谱的选择。它们把内容提前“编译”成 HTML 文件，扔到任何托管平台都能跑，速度快还安全。
为什么现在大家都爱用静态站点？
你有没有遇到过网站打开慢得像老牛拉车？动态网站每次访问都要查数据库、跑后端逻辑，压力一大就卡。而静态站点不一样，页面早就准备好了，用户点开直接看，跟翻本地文件似的。而且没有后台接口，黑客想找漏洞都难。
比如你写了个技术笔记，用静态框架生成后，丢到 GitHub Pages 上，几秒就能对外访问，连域名都不用买，适合学生党或副业项目。
主流框架怎么选？
Jekyll：入门首选，生态成熟
如果你刚接触静态站点，Jekyll 是个不错的起点。它用 Ruby 写的，但你几乎不用懂 Ruby。配合 Markdown 写文章，主题丰富，GitHub Pages 原生支持，部署零成本。
gem install jekyll bundler
jekyll new my-site
cd my-site
bundle exec jekyll serve这几行命令就能本地跑起一个站点。虽然更新没以前频繁，但够用，特别适合写博客。
Hugo：速度之王，适合内容多的项目
你要是写几百篇文章，Jekyll 编译可能要几十秒，Hugo 只要一两秒。它用 Go 语言开发，单文件二进制部署，丢到哪都能跑。
hugo new site myblog
cd myblog
hugo new posts/first.md
hugo server -D写完文章执行 hugo 命令，瞬间生成静态文件。很多公司文档站用它，比如 Kubernetes 官网就是 Hugo 搭的。
Next.js + 静态导出：前端开发者最爱
如果你熟悉 React，Next.js 能让你用组件方式建站。它默认是服务端渲染，但也能导出纯静态版本。
npx create-next-app@latest my-site
# 选择静态导出模式
# 写完后运行
npm run build
npm run export生成的文件可以直接放 Vercel 或 Netlify。交互功能还能通过 API 路由补足，灵活性高。
VuePress：专为文档而生
团队写技术文档，VuePress 很顺手。基于 Vue，支持 Markdown 嵌入 Vue 组件，侧边栏、搜索、多语言都内置。
npm init vuepress-theme-hope my-docs
cd my-docs
npm run docs:dev写法接近写文章，但能插入代码演示、流程图，适合开源项目说明页。
Eleventy (11ty)：极简主义者的菜
嫌其他框架太重？Eleventy 只做一件事：把模板变成 HTML。支持 Markdown、Nunjucks、Liquid 等多种格式，零配置起步。
npm install -g @11ty/eleventy
echo '# Hello' > index.md
eleventy --serve三行命令搞定预览。它不规定你怎么写前端，JS、CSS 随便你配，自由度极高。
怎么决定用哪个？
看你熟悉啥语言。写 Ruby 用 Jekyll，Go 选 Hugo，React 用户上手 Next.js，Vue 党试试 VuePress。如果就想安安静静写内容，Eleventy 最省心。
部署也简单，GitHub Pages、Netlify、Vercel 几乎都支持一键关联仓库自动发布。改完文章推代码，几分钟后线上就更新了。
比如你给家里老人做个相册站，用 Hugo 写好，接 Netlify 托管，绑定个域名，他们只要点链接就能看，不用登录、不怕崩溃。