leerob/next-mdx-blog

这是什么？

核心功能

• 01使用 MDX 撰写文章，可在 Markdown 中嵌入 React 组件。
• 02基于 Next.js 与 TypeScript 构建。
• 03使用 Tailwind CSS 进行样式设计。
• 04集成 Vercel Analytics，并提供一键部署到 Vercel 的按钮。
• 05可选地用 Postgres 存储重定向规则。

适用场景

• 搭建基于 Markdown 文章的个人技术博客。
• 启动需要 MDX 与 Tailwind CSS 的 Next.js 内容站点。
• 快速将带访问统计的博客部署到 Vercel。

快速上手

1. 1

   克隆仓库

   git clone https://github.com/leerob/next-mdx-blog.git
2. 2

   进入项目文件夹

   cd next-mdx-blog
3. 3

   使用 pnpm 安装依赖

   pnpm install
4. 4

   启动开发服务器

   pnpm dev

使用前须知

• !项目未指定许可证，因此使用和复用的权利不明确。

标签

常见问题

next-mdx-blog 是什么？

基于 Next.js 的博客模板，使用 MDX 撰写文章，搭配 Tailwind CSS 与 TypeScript，可直接部署到 Vercel。 next-mdx-blog 是一个个人博客起步模板，基于 Next.js 和 TypeScript 构建，样式使用 Tailwind CSS，文章采用 MDX 编写，可以在 Markdown 内容中嵌入 React 组件。

next-mdx-blog 可以免费使用吗？用的什么许可证？

next-mdx-blog 没有声明许可证。代码虽然公开，但没有许可证就没有明确的使用授权，正式使用前建议先联系作者。

next-mdx-blog 还在维护吗？

半年内有更新。next-mdx-blog 最近一次提交是在 2026年9月16日。

next-mdx-blog 适合用来做什么？

搭建基于 Markdown 文章的个人技术博客。 启动需要 MDX 与 Tailwind CSS 的 Next.js 内容站点。 快速将带访问统计的博客部署到 Vercel。

next-mdx-blog 怎么安装和运行？

克隆仓库: git clone https://github.com/leerob/next-mdx-blog.git 进入项目文件夹: cd next-mdx-blog 使用 pnpm 安装依赖: pnpm install 启动开发服务器: pnpm dev

在哪里获取 next-mdx-blog？

源代码和安装说明在 GitHub 上：https://github.com/leerob/next-mdx-blog