用 Next.js 和 MDX 搭建个人技术博客
从内容目录、frontmatter、静态生成和部署流程四个角度，记录 HUAN Lab 博客的基础搭建思路。
KNOWLEDGE SYSTEM ONLINE
HUAN LAB / ENGINEER NOTES
把技术实践沉淀成可检索的知识系统。
记录教程、项目复盘与阅读笔记，并通过全文搜索、RAG 问答和知识图谱，让每一段实践都能被再次调用。
点击节点进入文章、标签或分类
7ARTICLES
4DOMAINS
19SIGNALS
Knowledge Q&A
询问博客知识库
回答仅基于已收录的文章，并附上可核对的来源。
Featured
精选文章
项目实践复盘：把博客功能拆成可交付切片
以 HUAN Lab 博客为例，记录如何把一个个人站点拆成内容、路由、样式、搜索和部署几个可验证切片。
Series
内容系列
Recent
最新文章
本地搜索设计：为什么个人博客可以先不用后端搜索服务
从 HUAN Lab 的搜索页和索引字段出发，分析轻量博客如何用本地索引覆盖标题、摘要、正文、分类和标签检索。
MDX 渲染栈笔记：remark、rehype 和代码高亮如何协作
基于 HUAN Lab 的 MDX 渲染实现，梳理 next-mdx-remote、remark-gfm、rehype-slug 和 rehype-pretty-code 在文章页面中的职责分工。
内容管线复盘：用 frontmatter 把 MDX 博客变成结构化数据
从 HUAN Lab 的文章读取、frontmatter 校验、标题提取和列表生成出发，复盘一个轻量博客如何把本地 MDX 变成可查询的结构化内容。
用 Next.js 和 MDX 搭建个人技术博客
从内容目录、frontmatter、静态生成和部署流程四个角度，记录 HUAN Lab 博客的基础搭建思路。
项目实践复盘：把博客功能拆成可交付切片
以 HUAN Lab 博客为例，记录如何把一个个人站点拆成内容、路由、样式、搜索和部署几个可验证切片。
阅读笔记：从 Clean Code 重新理解命名
围绕 Clean Code 中的命名原则，整理在日常前端和 Node.js 项目里可直接使用的判断方法。
生活思考：为什么要把学习过程公开写下来
记录公开写作对技术学习的帮助：降低遗忘、暴露盲区，并把零散经验沉淀成可复用材料。
Categories
分类入口
Tags