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

·1 min read·

从零开始搭建一个支持开发笔记、日记与随笔的现代化个人博客。

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

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

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

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

Twitter