个人网站技术选型指南：从零到上线
想做一个个人网站，打开 Google 一搜，方案多得让人窒息：WordPress、Webflow、Next.js、Hugo、纯手写…… 每个都有人推荐，每个都有人说坑。选错了，要么上线后发现改一行字都要折腾半天，要么每个月给平台交着根本用不上的订阅费。
这篇指南的目标不是给你一个"正确答案"，而是给你一套选型框架——先问自己三个问题，再看四种主流方案的对比，最后拿到一份从域名到部署的操作清单。
第一步：建站前先问自己三个问题
大多数人在不了解自己需求的情况下就跳进了技术选型，结果用博客框架做商城，用电商平台写博客。先花五分钟回答这三个问题：
1. 你的网站主要给谁看？
是写给潜在客户看的专业门户？是写给同行看的纯技术博客？还是写给自己的笔记存档？受众决定内容的呈现方式。面向客户的网站需要精心设计的首页和服务页；面向同行的博客更看重文章阅读体验和 RSS 订阅；个人笔记则可以直接用最简单的 Markdown 渲染方案。
2. 你愿意花多少时间维护？
纯 HTML/CSS 的静态网站写完后几乎零维护——没有数据库、没有插件更新、没有安全补丁。WordPress 每个月至少需要备份一次、更新插件一次。Next.js 这类框架每半年可能面临一次大版本升级。诚实评估自己的维护意愿，比选什么技术更重要。
一个有用的判断标准：如果你享受写代码的过程，选静态方案。如果你只想写内容不想碰代码，选托管平台。如果介于两者之间，继续往下看。
3. 预算范围是多少？
域名一年 50-100 元，服务器一年 300-3000 元不等。纯静态网站可以放在 GitHub Pages 或 Cloudflare Pages 上免费托管。WordPress 需要一台支持 PHP+MySQL 的虚拟主机（约 300-800 元/年）。Webflow 和 Squarespace 按月收费（约 100-300 元/月）。先定预算再选方案。
第二步：四种主流方案对比
| 方案 | 上手难度 | 灵活性 | 维护成本 | 年费用 | 适合场景 |
|---|---|---|---|---|---|
| 纯 HTML/CSS | ★★☆ | ★★★★★ | 极低 | 域名+服务器 ~400元 | 个人品牌站、作品集 |
| WordPress | ★☆☆ | ★★★☆ | 中等 | 主机+主题 ~600元 | 博客、企业站、商城 |
| Webflow | ★★☆ | ★★★★☆ | 低 | ~1500-3600元 | 设计师、追求视觉效果 |
| Next.js | ★★★★ | ★★★★★ | 高 | Vercel免费起步 | SaaS、Web应用 |
纯 HTML/CSS（+ 少量 JS）
如果你只需要一个 5-10 页的个人品牌站，纯手写 HTML/CSS 是最务实的路线。没有依赖、没有版本冲突、页面加载速度可以做到 100 分。本网站 alsay.net 就是这条路线：HTML 语义化、CSS 变量管理配色、响应式断点适配移动端、结构化数据对 SEO 友好。从写第一行到部署上线，一个周末可以搞定。
优势：加载快、零依赖、完全控制、SEO 天然友好。
劣势：重复内容（如文章列表）需要手动维护，多人协作不便。
WordPress
全球 43% 的网站跑在 WordPress 上，生态成熟到几乎所有需求都有插件解决。但代价是：你需要持续关注安全更新、备份数据库、优化性能（不加缓存的 WordPress 可以很慢）。适合内容更新频繁（每周多篇）、需要分类/标签/搜索等动态功能的博客或企业站点。
优势：零代码建站、海量主题插件、成熟生态。
劣势：安全攻击面大、性能需要额外优化、长期维护负担不轻。
Webflow
如果你追求极致的视觉设计和交互动效，Webflow 是目前最好的可视化建站工具。它生成的代码质量相当高，托管也包含了全球 CDN。但价格不菲——CMS 方案每月 23 美元起，且一旦不用它的托管，导出的代码比较难维护。适合预算充足、对设计有高要求的项目。
优势：设计自由度极高、代码质量好、自带 CDN。
劣势：贵、平台锁定、学习曲线也有一定坡度。
Next.js / Astro 等前端框架
适合本身就是前端开发者，或者需要复杂交互（用户登录、实时数据、动态路由）的项目。优势是组件化开发效率高，部署到 Vercel 或 Netlify 后基本不用管运维。但版本升级频繁，六个月前的项目可能已经需要迁移依赖。如果你的网站本质上只是内容的展示，这些框架反而增加了不必要的复杂度。
优势：组件化、性能优秀、可扩展性强。
劣势：学习曲线陡、版本迭代快、对非开发者不友好。
第三步：我们的推荐路线
如果你符合以下条件——（1）网站以展示内容为主，不需要用户系统；（2）对设计和性能有一定要求；（3）希望长期维护成本尽可能低——那么我们推荐纯 HTML/CSS + Git 管理 + Nginx 部署。
这条路线的核心逻辑是：用工具链的简单性换取长期的可维护性。你不需要关心框架升级、数据库备份、插件漏洞。你只需要一个文本编辑器和一个 Git 仓库。修改内容就是改 HTML 文件然后 git push。
这条路线也能做到相当专业的效果——CSS 变量管理全局配色、prefers-color-scheme 实现自动暗色模式、Schema.org 结构化数据让搜索引擎和 AI 更好地理解你的内容、llms.txt 让大模型能高效抓取你的网站信息。
第四步：从零到上线的完整 Checklist
- 买域名：Namecheap、Cloudflare Registrar、阿里云，选一个。建议 .com 或 .cn，年费 50-100 元。
- 选 DNS 服务商：推荐 Cloudflare（免费 CDN + DDoS 防护 + SSL）。把域名的 nameserver 指向 Cloudflare。
- 买服务器：轻量云服务器最低配即可。国内阿里云/腾讯云需备案，海外 AWS Lightsail / Vultr 无需备案。
- 配 Nginx：安装 Nginx，配好 HTTP → HTTPS 重定向，启用 HTTP/2。
- 申请 SSL 证书：Certbot + Let's Encrypt 免费自动续期。
- 写 HTML/CSS：从一个 index.html 开始。先写内容，再调样式。
- 配 SEO 基础：robots.txt、sitemap.xml、meta description、Open Graph、结构化数据。
- 部署：
scp或rsync上传到服务器，或配置 Git hook 自动部署。 - 提交搜索引擎：Google Search Console + Bing Webmaster Tools 提交 sitemap。
- 监控：Uptime Robot 免费监控（5 分钟检测间隔），宕机邮件通知。
第五步：如果你不想自己来
技术选型只是第一步。接下来还有设计、开发、SEO、部署、监控——每个环节都有坑。如果你更想把时间花在自己的业务上，而不是折腾 Nginx 配置和 CSS 断点——
— 感谢阅读 —