别人问我静态网站能有多快，我一般懒得解释，直接甩个链接过去。加载那个页面，TTFB（首字节时间）稳定在50毫秒以内，整站资源包不到200KB，全球各地打开几乎都是瞬间完成。这不是什么大型云服务商的演示站点，就是我自己搭的一个静态网站，托管在便宜的VPS上，一个月成本不到十块钱。今天我把整个搭建过程拆开揉碎了讲给你听，从买域名到部署上线，每一步都讲清楚为什么这么做，以及坑在哪里。

先说说为什么选静态网站。动态网站比如WordPress，每次用户访问，服务器都要执行PHP脚本、查询数据库、拼装HTML再返回，这一趟下来至少两三百毫秒。静态网站不一样，文件就是纯HTML、CSS、JavaScript，服务器只需要把文件原样发出去，连思考都不用。这就像去便利店拿瓶水，和去餐厅点菜现做的区别。如果你的网站是博客、文档、产品介绍这类内容型站点，静态方案能省下九成的服务器开销，速度还快得离谱。

搭建的第一步是准备内容源文件。很多人误以为静态网站就是手写HTML，那得累死。现代静态网站生成器（SSG）让你用Markdown写文章，然后用模板自动生成整个站点的HTML文件。主流的生成器有Hugo、Next.js、Astro，我推荐新手从Hugo开始，因为它编译速度极快，几千篇文章也就几秒钟全部生成完，而且没有复杂的依赖环境，装个二进制文件就能跑。安装好之后，输入，一个站点的骨架就生成了。

接下来要选主题。Hugo官网有几百个现成主题，选一个看着顺眼的，克隆到themes目录，然后在配置文件里启用它。这里有个新手常踩的坑：主题和生成器版本不匹配，导致页面渲染错乱。解决办法很简单，先看主题文档里要求的Hugo版本，再对照自己的版本。Hugo的版本升级很频繁，大版本之间API变动大，所以最好用主题推荐的版本。我建议直接下载Hugo的二进制包，不要用系统包管理器装的旧版，省得后面折腾。

内容创作这块，就是写Markdown文件。在content/posts目录下新建一个md文件，开头加上front matter，就是两行横线之间的元数据，包含标题、日期、标签这些信息。正文直接用Markdown语法写，Hugo会把它转成HTML。写几篇测试文章后，运行，浏览器打开localhost:1313就能实时预览效果。这一步的关键是养成预览习惯，别等写完十几篇再生成，到时候排版问题集中爆发，改起来想哭。

本地预览没问题，就该部署上线了。部署方案选择很多，GitHub Pages免费但国内访问不稳定，Netlify和Vercel也免费但域名绑定要验证。我用的方案是：VPS加Nginx加Cloudflare CDN。VPS选个便宜的美西机器，一年几十块那种就够用。把生成的public目录用rsync传到服务器上，然后在Nginx配置里指到那个目录，设置好gzip压缩和缓存头，一个高性能静态站点就起来了。配置Nginx的时候有个细节，location块里要加上，这样访问不带斜杠的路径也能正确匹配。

CDN这一步是速度的倍增器。Cloudflare免费套餐提供全球节点缓存，你把域名的DNS解析到Cloudflare，然后在后台设置SSL为Full（严格模式），缓存级别设为标准。这样用户访问时，资源直接从最近的CDN节点返回，源站压力几乎为零。我实测过，加了CDN后海外访问速度从200毫秒降到80毫秒左右。这里有个坑：Cloudflare默认缓存HTML文件是有条件的，需要在页面规则里对路径设置Cache Everything，否则每次都要回源验证，等于没缓存。

说说性能优化的一些细节。图片一定要压缩，一张两兆的JPG能压到两三百KB，肉眼几乎看不出区别。用Hugo的image processing功能，或者干脆先手动压缩再放进站点。CSS和JS文件要合并压缩，Hugo内置了minify功能，配置一行代码就搞定。另外记得开启Nginx的brotli压缩算法，比gzip体积再小15%左右，这一步能显著提升加载速度。还有字体文件，尽量不要引第三方字体库，本地化放一份woff2格式就够了，否则一个字体请求拖慢整个页面。

搭建完成后，日常维护几乎没有。不需要打补丁，不用处理数据库故障，甚至连备份都简单，整个站点就是一个文件夹，打包下载就完事了。真要出问题，最多也就是服务器被攻击，但静态文件加上CDN挡在前面，攻击面小得可怜。我运营这个静态博客两年多，只遇到过两次VPS提供商机房维护导致短暂不可用，其余时间稳定得让人忘记它的存在。

从零到一搭好一个高性能静态网站，全程花不了半天时间。你会发现，技术选型越简单，后期越省心。静态网站不是倒退，而是把内容本身放在最优先的位置，去掉一切不必要的动态处理。下次有人再问你怎么让网站飞快，你可以直接把这篇文章转给他，然后加上一句：别折腾了，静态站就是最接近“秒开”的答案。