首页文章相册工具关于

...

文章/系列/从零搭建个人网站

系列 · 01从零搭建个人网站

系列 · 01进行中

从零搭建个人网站

从空文件夹到可部署的个人站点 —— Next.js、MDX、i18n、搜索、RSS。每一章都是独立的构建步骤，但会层层叠加。

next.jstailwindmdx

3 / 15 章始于 2026年5月·5月26日

适合谁

想要一个真正属于自己的个人站点的开发者，而不是教程克隆。你需要熟悉 JavaScript 和 React 基础。

你将学到

从零使用 Next.js App Router
带 frontmatter 的 MDX 内容管线
i18n 路由与翻译加载
搜索、RSS、站点地图与部署

章节

点击章节可预览 →

01项目初始化与工具链8 分钟阅读 02Next.js App Router 基础10 分钟阅读 03布局、字体与全局样式7 分钟阅读 04MDX 内容管线12 分钟阅读新 05Frontmatter 与文章元数据6 分钟阅读 06博客列表与文章页9 分钟阅读 07深色模式与设计令牌8 分钟阅读 08i18n 路由与翻译11 分钟阅读 09Pagefind 站内搜索7 分钟阅读 10RSS 与 Sitemap5 分钟阅读 11SEO 与 Open Graph6 分钟阅读 12分析与 Web Vitals8 分钟阅读 13部署到 Vercel6 分钟阅读 14自定义域名与 DNS5 分钟阅读 15打磨与发布9 分钟阅读