个人官网框架怎么选？

这是「把自己部署到互联网上」系列的第 38 篇。

上一篇我写到，个人博客上线之后，我发现它还不是个人品牌。

博客解决的是内容沉淀问题，适合放技术文章、部署日志、项目复盘、踩坑记录和长期专题。

但一个第一次访问我的人，还需要更快知道：我是谁，我在做什么，写过哪些代表内容，做过哪些项目，为什么值得继续关注。

所以接下来，我要把个人博客延伸成个人品牌入口。

更具体地说，就是做一个个人官网或作品站。

新的问题也随之出现：个人官网框架怎么选？

框架没有好与坏，只有谁更合适

上面那个问题看起来像技术选型，不能为了高级而高级，只比较谁更火、谁性能更强、谁生态更大。

从我个人来看，更重要的是：哪个框架更适合个人官网场景。

程序员做项目，一般有个通病，一上来就进入技术栈比较：

React 还是 Vue？

Next.js 还是 Nuxt？

Astro 还是纯静态站？

要不要 Tailwind？

要不要 CMS？

要不要 MDX？

要不要服务端渲染？

虽然这些问题都重要，但它们不是第一步。

目标是什么？

第一步应该先问：我的个人官网到底要解决什么问题？

假如目标没想清楚，框架对比很容易变成技术偏好之争。

Next.js 很强，但我是否真的需要它的完整能力？

Nuxt 很成熟，但我是否更熟悉 Vue 生态？

Astro 很适合内容站，但我是否需要大量交互？

纯静态 HTML 最简单，但页面和内容多了以后，维护会不会麻烦？

所以这篇先不急着给最终结论，而是先拆选择标准。

下一篇再专门对比 Astro、Next.js、Nuxt。

主要任务是什么？

个人官网不是复杂 Web 应用，简单来说就是一个个人品牌入口。

它要完成几件事。

1. 让第一次访问的人快速知道我是谁。简洁明了，而不是一上来就是文章列表。
2. 展示我的长期方向。比如技术实践、工程化部署、个人品牌建设、AI 工具、项目复盘等。
3. 连接内容资产。个人博客、公众号、GitHub、代表文章、系列合集，都要能从官网进入。
4. 展示项目和作品。不是简单放仓库链接，而是让别人看懂项目解决什么问题，我做了什么，结果是什么。
5. 提供联系方式。如果有人想交流、合作、内推或约稿，应该能找到入口。
6. 方便长期维护。官网不是上线一次就结束，后面还会更新文章、项目、介绍和链接。

这些需求决定了它更接近“内容展示型网站 + 作品集 + 个人入口页”，而不是重业务系统。

选择标准

内容展示是否舒服。

个人官网的核心是展示：个人介绍、代表文章、项目作品、技术方向、联系方式。

所以框架首先要适合内容组织。关注页面是否好写，组件是否容易拆，Markdown 或 MDX 支持是否顺手，文章和项目数据是否方便维护，静态页面生成是否友好。

如果一个框架很强，但写几个静态内容页都要绕很多概念或者套很多层，这对个人官网来说就偏重了。

SEO 和首屏性能。

个人官网是公开入口，应该适合被搜索和分享。这里的 SEO 不是复杂营销，而是基础能力：页面标题清楚，描述信息完整，Open Graph 可配置，URL 结构稳定，页面能被搜索引擎抓取，主要内容不完全依赖客户端渲染后才出现。

性能也重要。个人官网内容不复杂，如果打开还很慢，就不合理。

首页、代表文章、项目卡片和图片资源都应该快速加载。

展示型网站很适合静态化，构建后直接部署，性能和稳定性都更好。

部署复杂度不能太高。

前面我已经搭了服务器、Docker、Nginx、HTTPS、对象存储。

个人官网不应该再引入过高部署复杂度。

它最好构建流程清晰，产物容易部署，能接入全局 Nginx，可以放进 Docker 或直接静态托管，更新成本低，出问题也容易回滚。

如果只是展示内容，却引入复杂运行时、服务端渲染、缓存策略、边缘函数、数据库和后端接口，那就过度了。

第一版应该尽量轻，先把入口做清楚。

以后如果需要复杂交互，再升级也不迟。

长期维护成本

个人项目最怕短期兴奋，长期荒废。

框架今天用起来很酷，但如果半年后维护困难，就会变成负担。

关注依赖更新是否频繁且破坏性强，项目结构以后还能不能看懂，内容更新是否简单，构建和部署是否稳定，资料是否容易找，是否适合一个人维护。

我宁愿选一个朴素但稳定的方案，也不想选一个看起来很强、但每次更新都要花很多精力的方案。

是否适合表达个人品牌。

官网不是技术演示场。

它最终要服务表达：个人介绍、技术方向、代表文章、项目作品、公众号和 GitHub 入口、联系方式、近期动态。如果框架让我把大量精力花在工程复杂度上，反而会偏离目标。

小结：

候选方案大致有几类。

纯静态 HTML/CSS 最简单，部署也最轻，但页面多了以后组件和内容维护不方便。

传统静态站点生成器适合内容站，但要看自己是否熟悉生态。

Next.js 属于 React 生态，能力强，生态大，适合复杂应用和内容站结合的场景，但对简单个人官网可能偏重。

Nuxt 属于 Vue 生态，对熟悉 Vue 的人友好，也能做内容和应用结合，但同样要看是否需要完整能力。

Astro 更偏内容展示、文档站、个人官网和作品站，静态输出和组件岛架构对轻量展示比较友好。

具体优劣下一篇再展开。

我当前官网初步规划是：第一版优先考虑静态化、内容友好、部署简单、维护成本低的框架。

Astro、Next.js、Nuxt 都能做，但适合场景不同。

从当前需求看，我会更关注 Astro，但最终结论留到下一篇对比后再定。

如果你也想要做个人官网，不要先问哪个框架最火。

先问：网站主要是展示还是复杂应用？内容是否频繁更新？是否需要 Markdown、项目页、博客入口？是否需要后端接口、登录和后台？你更熟悉 React 还是 Vue？部署到哪里？能接受多少维护成本？

如果只是个人介绍、作品展示、文章入口和联系方式，框架可以轻一点。

如果未来要做复杂应用、会员系统、后台管理和动态内容，再考虑更完整的全栈框架。

不要为了“以后可能”把第一版做得过重。

个人官网框架怎么选？我的建议是：先看场景，再看技术。框架不是目的，它要服务个人品牌入口、作品展示、代表文章、联系方式和长期维护。

下一篇，我会进入具体对比：Astro、Next.js、Nuxt 全面对比。重点不是争谁更强，而是看它们分别适合什么场景，以及哪个更适合我的个人官网和作品站。

本文由 楸木 原创，转载请注明出处。