搭建基于nextjs的静态博客程序nmbe（支持分页）

 

首先fork此项目https://github.com/alexchantastic/next-mdx-blog-example，我fork后的项目地址是https://github.com/briteming/nmbe ，

然后访问https://github.com/briteming/nmbe/tree/main/src/app/(posts)/，点击“add file",在出现的框里面，输入文件夹名称test/. 在test的右边又会出现一个框，在此框里，输入page.mdx ,然后在下面的大框里，输入：

 export const metadata = {
  title: "测试1",
  publishDate: "2025-12-01T22:48:00Z",
  categories: ["misc1", "misc2", "misc3"],
};

# 测试1

这是测试。

看看如何？

（ 详见https://github.com/briteming/nmbe/blob/main/src/app/(posts)/test/page.mdx?plain=1）

 然后访问vercel.com/new ,导入项目https://github.com/briteming/nmbe，点击deploy按钮，等待部署完成，部署完成后，我得到网址https://nmbe-4rco.vercel.app/

 新建源帖后，博客网站2分钟内就会更新。

 项目地址：

https://github.com/alexchantastic/next-mdx-blog-example

 https://github.com/briteming/nmbe

演示博客：https://nmbe-4rco.vercel.app/ （支持分页）