使用 Next.js + MDX 搭建现代博客

Tue Nov 25 2025 00:00:00 GMT+0000 (Coordinated Universal Time)1 min read

在这个系列中,我会记录如何使用 Next.js 15MDX 构建一个现代化的个人博客框架,并支持分类、标签、搜索与评论。

首先选择技术栈:Next.js(App Router、RSC)、Tailwind CSS、MDX 内容、Giscus 评论、静态搜索。

接着我们会搭建基础的内容结构:content/ 下按类别划分,文章以 .mdx 存储,使用前言区块(frontmatter)记录 titledatetagssummarycategory

后续会持续完善写作体验与阅读体验,包括目录、阅读时长、代码高亮等。

Twitter